去除没有用到的JS代码
Webpack通过tree-shaking去掉了实际上并没有使用的js代码来减少包的大小。
- 必须使用es6模块化, 2. 开启production环境
去除没有用到的CSS
比如我们经常使用的BootStrap(140KB)就可以减少到只有35KB大小
webpack使用purgecss-webpack-plugin去除无用的css
const PurgecssPlugin = require('purgecss-webpack-plugin');
const glob = require('glob');
const PATHS = { src: join(__dirname, 'src')}
new PurgecssPlugin({
paths: glob.sync(`${PATHS.src}/**/*`, { nodir: true }),
}),