第二步:在 webpack.config.js 的 css 的 loader 里配置 postcss-loader 。
第三步:配置 postcss.config.js ,然后配置 postcss-preset-env 插件,用来读取 package.json 文件中的 browserslist 配置。
第四步:在 package.json 文件添加 browserslist ,配置需要支持哪些浏览器。
压缩 css 需要用到 optimize-css-assets-webpack-plugin 。
用法很简单,引入插件之后,在 plugins 中实例化即可。
我们一般打包, webpack 会自动把 css 打包到 js 文件中去。 css 抽取 就是是把 css 抽取出来,生成 css 文件单独打包,然后在进行压缩。接下来,我详细介绍下 css 是如何抽取 和 压缩的!