提取css文件成单独文件

提取css文件我们需要用到 mini-css-extract-plugin 插件

下载 mini-css-extract-plugin

npm install mini-css-extract-plugin -D

配置 mini-css-extract-plugin 插件

const MiniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          // 这个插件的 loader 取代 style-loader
          // 作用：提取 js 中的 css 成单独文件
          MiniCssExtractPlugin.loader,
          'css-loader'
        ]
      }
    ]
  },
  plugins: [
    new MiniCssExtractPlugin({
      // 输出文件重命名
      filename: 'css/built.css'
    })
  ],
}