webpack拾遗

1. postcss的使用

前端代码文件编译时,需要用到webpack对文件进行打包, 而css-loader作为插件可以对css文件进行处理; 而当css要进行浏览器兼容时, 需要用到前缀,此时可以用到工具postcss,而autoprefixer作为postcss内的类插件可以自动添加前缀.(postcss其实可以是一个独立工具)

webpack config 配置使用, 引入postcss-loader

//...省略部分代码
use: [ "style-loader", "css-loader", 
    {
    loader: "postcss-loader",
    options: {
      postcssOptions: {
        plugins: [ require("autoprefixer")]
          }
        }
     }]