摘要：
tree shaking：去除应用程序中没有使用到的无用代码前提： ① 使用 ES6 模块化② 开启 production 环境作用：减少代码体积test.jstest.js 中定义了 通过 ES6 模块 暴露了 add 和 count 两个方法，index.js 中 引入了 add 和 count 阅读全文
摘要：
babel 缓存： babel-loader在执行的时候，可能会产生一些运行期间重复的公共文件，造成代码体积大冗余，同时也会减慢编译效率（已进行了 bable 兼容性处理的 js 进行缓存，再次构建的时候就不用重新 babale-loader 处理兼容问题） 设置：cacheDirectory：tr 阅读全文
摘要：
多个 loader，但是每个文件只能匹配一个 loader，被一个 loader 处理，因此可以使用 oneOf 唯一匹配，不需要每个文件把所有的 loader 都询问一遍，可以提高 loader 的执行效率webpack.config.js:const {resolve} = require('p 阅读全文
摘要：
source-map：一种提供源代码 到 构建后 代码映射技术（如果构建后的代码出错了，通过映射可以追踪源代码的错误）打开webpack.config.js source-map ：外部，错误代码准确信息 和 源代码的错误位置 devtool的全部值:devtool的全部值及介绍 /* source 阅读全文
摘要：
HMR: hot module replacement 热模块替换 / 模块热替换作用: 一个模块发生变化, 只会重新打包这一个模块(而不是打包所有模块)极大提升构建速度 (开发环境) html文件: 默认不能使用HMR功能, 同时会导致问题:html文件不能热更新了~(不用做HMR功能)解决: 修 阅读全文