金钩梨

摘要： 打包分析： 我们可以借助一些工具，来分析打包出来的文件，来看它是否合理。 官方指令：https://github.com/webpack/analyse我们只需在package.json的打包命令中加入 --profile --json > stats.json ，如： "devbuild": "w 阅读全文

摘要： Tree Shaking:当我们写了好几个方法，但是实际上只用到了一个，那么我们需要在打包的时候剔除没有用到的代码，这就是tree shaking的作用，tree shaking只支持ES module的语法，即import、export这种，而不支持require这种commonJS的语法。在we 阅读全文

摘要： 模块热替换（Hot Module Replacement）： 当我们使用webpackDevServer，修改内容的时候，会自动刷新页面。当我们需要在修改代码的时候不刷新页面，仅更新修改后的代码的时候，就可以使用HMR，需要在webpack.cnfig.js中： const webpack=requ 阅读全文

摘要： entry、ouput： 当我们需要打包多个js文件时，需要在entry中增加入口： entry:{ main:'./src/index.js', sub:'./src/index.js' }, 如果存在相同入口，就需要在ouput中进行区分，以下写死命名就会报错： output:{ filenam 阅读全文

摘要： webpack一些基本知识： 提升webpack打包速度有两个关键点：1、node版本尽量新，2、webpack版本尽量新。高版本webpack会利用nodejs新版本中的一些特性来提高打包速度。不推荐全局安装webpack，因为全局安装webpack只有一个版本，若安装了4.x版本，而有个项目的w 阅读全文