webpack4——less文件打包分离

安装

npm -d install less less-loader

配置

 	{
        test: /\.less$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'less-loader'
        ]
      }

可以看到把less文件都打包到dist/css/entry.css的目录下边了

filename:’./css/[name].css’中的name就是入口声明的文件名字
比如
entry: {
app: ‘./src/index.js’,
},
那么输出的文件名字就是./css/app.css