摘要：
需要用到 thread-loader , const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') process.env.NODE_ENV = 'production' 阅读全文
摘要：
PWA：渐进式网络开发应用程序(离线可访问)，需要通过serviceWorker 实现， 首先，webpack 配置使用 workbox-webpack-plugin 这个插件，生成一个 serviceWorker 配置文件 构建后，生成 serviceWorker 文件： 接着，在入口文件 ind 阅读全文
摘要：
1，正常加载可以认为是并行加载，在同一时间加载多个文件 index.js 中 引入 test.js , 点击按钮之前已经加载了 test.js 2，懒加载：当文件需要使用时才加载 构建后： 只加载了 index.js ，点击按钮后才会加载 test.js 3，预加载 prefetch：会在使用之前， 阅读全文
摘要：
1，在 webpack 中可以定义多入口，将不同的入口文件打包为不同的 chunk 构建后的 文件中有两个单独的 js 2，webpack 中 optimization 配置 还可以 将node_modules中代码单独打包一个chunk最终输出，如果是多入口，可以 自动分析多入口chunk中，有没 阅读全文
摘要：
tree shaking：去除应用程序中没有使用到的无用代码 前提： ① 使用 ES6 模块化 ② 开启 production 环境 作用：减少代码体积 test.js test.js 中定义了 通过 ES6 模块 暴露了 add 和 count 两个方法， index.js 中 引入了 add 和 阅读全文
摘要：
1，babel 缓存： babel-loader在执行的时候，可能会产生一些运行期间重复的公共文件，造成代码体积大冗余，同时也会减慢编译效率（已进行了 bable 兼容性处理的 js 进行缓存，再次构建的时候就不用重新 babale-loader 处理兼容问题） 设置：cacheDirectory： 阅读全文