webpack打包css相关

css loader

style-loader
MiniCssExtractPlugin.loader
css-loader
postcss-loader
less-loader
scss-loader
…

css 文件分离 模块化

mini-css-extract-plugin 插件

{
   
	test: /\.css$/i,
    use: [
      MiniCssExtractPlugin.loader,
      {
   
        loader: 'css-loader',
        options: {
   
          modules: true
        }
      }
    ]
  }

// plugins
plugins: [
   new MiniCssExtractPlugin()
]

注意：
使用MiniCssExtractPlugin.loader 就不要使用style-loader
使用其中之一就可以

mini-css-extract-plugin
mini-css-extract-plugin 2.4.6
报错：
[webpack-cli] TypeError: Invalid value used in weak set
[webpack-cli] TypeError: Cannot read properties of undefined (reading ‘compilers’)