xiaoenwu的博客

如何省略 path.resolve在webpack.config.js中添加一个配置项resolveLoader:{//当引入一个module就会先去node_modules去找，如果没有就会去‘loaders’中去找modules:['node_modules','./loaders']}如果编写一个PluginPlugin是什么，打包时，在某些时刻上，去做一些操作。首先创建一个npm包npm init -y创建一个src文件夹在文件夹中创建一个index.js根...

配置的loader也可以改为module:{ rules:[ { test:/\.js/, use:[ { loader:path.resolve(__dirname,"./loaders/replaceLoader.js"), options:{ name:'lee' ...

控制包文件大小（打包时我们的包要尽可能的小，为了提升打包速度） thread利用node里的多进程打包 thread-loader （多进程打包，根据自己需要进行使用） parallel-webpack（多页面一起打包） happypack官方文档合理使用sourceMap(sourceMap越详细打包越慢)；结合stats分析打包结果开发环境内存编译（编译记录在内存里）开发环境中不要用无用的插件。剔除无用插件。多页面打包配置webpack....

提升webpack打包速度的方法(1) 1.跟上技术迭代（node、npm 、yarn）更新到最新版本。（人家会优化内部） 2.在尽可能少的模块上应用Loader 3.Plugin尽可能精简并确保可靠 （尽可能少的使用）resolve参数合理配置 打开.babelrc文件， 如果配置有“@babel/preset-react”,就可以在组件中写react代码。 如果我们用 .jsx 引入之后我们需要配置。 ...

Library的打包//库文件夹 第一步初始化 npm init -y 创建一个package.json文件 创建一个文件夹 src 在src文件夹下创建。 创建一个文件math.js //写入函数加减成除 创建一个文件string.js //写入关于字符串的处理函数 创建一个index.js文件 //引入上边的两个文件，并导出，这就是一个库 webpack对于刚才的库打包 需要配置：webpack.config.js output:{...

同步代码打包和异步代码打包 都需要安装 splitChunkePlugin 官网配置 https://webpack.js.org/plugins/split-chunks-plugin/#defaults具体配置的意思： module.exports = { //... optimization: { splitChunks: { //只对异步代码分割打包有作用， chunks: 'async',//如果变成all需要配置下边的vend...

webpack初学 使用webpack，webpack的特性： 1.treeshaking 2.代码懒加载 3.代码分割 webpack4的特点： 1.速度快，大型项目节约90%构建时间 2.内置更多的默认配置，变更了许多API webpack基础知识： ...