本文主要讲述了编写外部构建工具中gulp-babel中依赖es2015插件失败问题、gulp.src路径问题以及require('xx')的路径问题。

2010 年 1 月，一款名为 npm 的包管理器诞生。它确立了包管理器工作的核心原则。npm 的发布诞生了一场革命，在此之前，项目依赖项都是手动下载和管理的。npm 引入了文件和元数据字段，将依赖项列表存储在 package.json 文件中，并且将下载的文件保存到 node_modules 文件夹中。后来因为 npm 的缺陷或者旧版本的不足，又...

使用DllPlugin可以很大程度提高webpack的构建速度，但是有几点不注意的话会使得打包的体积较大。 以下以react的配置来说明一下（webpack3） 一、先看一下最简单的打包 {代码...} 可以发现，仅仅是 'react', 'react-dom', 'react-router' 这三个就有三百多k，是不是太大了一点！！！ 二、使用生产模式构建 在plugins中加...

在学习webpack集成的过程中，遇到集成typescript时报如下错误“Can not read property 'WatchRun' of undefined”。如下图：

有时候想要删除某个目录下所有命名为xxx的文件夹,一个个手动去删除，非常辛苦，那么可以使用这个进行自动删除,一个典型例子就是我需要拷贝or删除一个存放了很多前端工程化项目的目录，因为它每个项目都有node_modules，那么拷贝和删除的话速度会非常非常慢，所以一般操作是使用rimraf包先删除node_modules再进行操作,执...

webpack 4 出来也已经一年了，公司的老项目用的还是webpack3，也是时候该升级一波了。说实话webpack4还是有几点挺吸引我的，估计也是感受到了parcel的压力，4这个版本内置了很多默认配置。

react-native 集成极光推送iOS/andriod配置 官方demo 版本 {代码...} 时间 2019-04-10 npm install jpush-react-native jcore-react-native --save react-native link jpush-react-native react-native link jcore-react-native 然后会要求输入AppKey 极光应用获取一个AppKey 解决IOS XcodeLibraries文件夹下有没有RCTJp...

使用vue create proName 后，在.vue文件里 "import path from 'path' ’" 报错 Cannot find module 'path'. 检查node_modules/@types/node/index.d.ts, 发现 declare moudle "path"存在。

安装es6编译插件。$ npm install css-loader babel-loader babel-core babel-preset-es2015 --save-dev

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。那具体好在哪里呢？ 我们一起来看一下。

再对比错误提示中的描述，其中componentWillUpdate or componentDidUpdate，推测就是指新增的useEffect代码片断。

使用组件： react-native-baidu-map 获取百度地图API_KEY 地址：[链接]，在控制台成功创建应用后，就可以看到应用的api key了 安装 {代码...} 原生部分 Android配置 {代码...} 配置AndroidManifest.xml文件 1.在<application>中加入如下代码配置开发密钥（AK） {代码...} 2.在<application/>外部添加如下权...

系列1：单步调试找到 cy.visit 的实现源代码(一) - 找到了 BlueBird我们的目标是找到 cy.visit 是如何向目标网站发起请求的：来到这行： {代码...} 单步调试进去：观察者发布者的讨论都一样，根据 event 找到 listener：这个 ws，意思是 Web Socket 吗？这个全局对象在此导入：_packages_socket__WEBPACK_IMPORTED_MODUL...

相信小伙伴们都接触过npm/yarn，这两种包管理工具想必是大家工作中用的最多的包管理工具，npm作为node官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而yarn的出现则是为了解决npm带来的诸多问题，虽然yarn提高了依赖包的安装速度与使用体验，但它依旧没有解决npm的依赖重复安装等致命问题。pnpm的出现完...

Q: {代码...} A:版本兼容问题因为 @tinymce/tinymce-vue@4.0.0 仅针对Vue@3.x版本，需要降级。Q:未找到图标A:解决方式：import 'tinymce/icons/default/icons.min.js'

在 webstorm File > Settings > Languages & Frameworks > JavaScript > Webpack 下选择当前项目下的"node_modules/@vue/cli-service/webpack.config.js"

loader官方解释是文件预处理器，通俗点说就是webpack在处理静态文件的时候，需要使用 loader 来加载各种文件，比如： html文件需要使用html-loader ,css 需要使用css-loader 、 style-loader 等等。