Shing

Webpack 笔记 tree shaking 树摇 tree shaking：去除无用代码 前提：1. 必须使用ES6模块化 2. 开启production环境 作用: 减少代码体积 在package.json中配置 “sideEffects”: false 所有代码都没有副作用（都可以进行tree shaking） 问题：可能会把css / @babel/polyfill （副作用）文件干掉 “sideEffects”: [".css", ".less"] ...

Webpack 配置项目流程 npm init （初始化） npm i webpack webpack-cli -D （项目安装webpack和webpack-cli） npm i style-loader css-loader less less-loader -D （安装打包样式资源所需的loader） npm i html-webpack-plugin -D （打包html的插件 这里我用 html-webpack-plugin@next ） npm i html-loader url-loade

错误提示TypeError: The ‘compilation’ argument must be an instance of Compilation 最终解决方法 npm i webpack webpack-cli -D 重新安装webpack和webpack-cli