如何将css提取出来成为单独的文件

1：安装插件： mini-css-extract-plugin 命令：npm install mini-css-extract-plugin -D

2:在webpack.config.js中引入插件：

const b=require(‘mini-css-extract-plugin’) （b为接收的变量名，可以任取）

3:在plugins木块中使用插件
···

plugins:[
new b()
]

···

4:在scc的rule中，使用b替代style-loader
···
{ test:/.less$/,use:[b.loader,‘css-loader’,‘less-loader’] }
//注意：这里b.loader不要引号

···

5：webpack,会自动生成单独的main.css文件并引入到html文件中