12.TreeShaking

1.treeShaking只支持静态import模块引入

commonJs动态模块require引入不支持

const path = require('path');

2.

module.exports = { 

 entry: './src/index.js',

 output: { 

                  filename: 'bundle.js',

                 path: path.resolve(__dirname, 'dist')

    },  

 mode: 'development',

+    optimization: {

                         usedExports: true

                     }

};

3.package.json文件设置

"sideEffects":false

//对所有文件进行treeshaking，那么对于引用了的文件或代码没有使用的则清除掉，仅仅留下引用的

但是有些插件或者代码没有引用但不能被treeShaking

例如：node_modules /@babel/polly-fill   /css文件等

那么想将以上文件忽略不进行treeShaking

那么package.json文件设置如下

“sideEffects:["node_modules","@babel/polly-fill ","*.css"]