2.webpack

119 阅读1分钟

postcss

  • 自动css3的前缀自动添加为兼容的
  • npm postcss-loader autoprefixer
  • Commonjs的规范 写一个postcss-config.js文件
  • 需要在指定路径部分写入引入文件
  • .bro文件里面可以更改兼容什么级别的浏览器

分类css

mini-css-extract-webpack-plugin 这种插件类的在webpack.config.js 1. 需要require引入 2. 在plugin里new 执行以下 3. 分离出来的文件按照filename部分存储 4. 需要在文件里调取以下loader属性(use的['style-laoder'就不用了]) 5. 最后打包的时候压缩css,有个属性optimization,这个是压缩js和css 在里面new

压缩js需要安装包terserJSPlugin

和分离css一样

  1. npm
  2. 页面引入
  3. 在optimi里面引入并且new