Skip to main content

webpack 压缩 CSS 代码

extract-text-webpack-plugin​

某类型文件( 如: .less/.sass/.css)合并成一个文件 , 并从 js 分离 该插件的主要是为了抽离 css 样式,防止将样式打包在 js 中引起页面样式加载错乱的现象

npm install extract-text-webpack-plugin --save-dev
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css"),
  ]
}

参考文章：https://www.jianshu.com/p/17ec017c2ae8