webpack------常用依赖包

• webpack-dev-server ------ devServer静态服务
• css-loader style-loader ------ 处理css文件的loader
• sass-loader node-sass ------ 处理sass文件的loader
• postcss-loader ------ 对css的额外处理，比如添加各种浏览器兼容前缀autoprefixer
• file-loader ------ 处理文件类型格式的loader
• url-loader ----- 跟file-loader的功能类似，多了一个limit限制
• html-webpack-plugin ------ （打包之后执行）打包结束后，自动生成一个html文件，并把打包生成的js自动引入到这个HTML文件中
• clean-webpack-plugin ------ （打包之前执行）删除指定文件夹（打包文件夹）里的文件，防止打包后还有原先的文件存在
• babel-loader @babel/core @babel/preset-env ------ 将es6等高级语法转换为浏览器能识别的语法。
• @babel/polyfill ------ 补充es5中es6没有的函数方法等，与此同时，打包后的文件也会变大很多。
• @babel/plugin-transform-runtime @babel/runtime @babel/runtime-corejs2 ------ 可以以闭包的形式将语法打包，就像是第三方库一样 ,不会污染全局
• @babel/plugin-syntax-dynamic-import ------ 动态加载import()方法引入的依赖。
• mini-css-extract-plugin ------ 分离css 缺点还不支持热更新 一般配置到打包配置中
• optimize-css-assets-webpack-plugin ------ css代码压缩合并
• workbox-webpack-plugin
• http-server ------ 在本地起一个服务器执行对应的dist文件