我有2个LESS文件：
multipart/mixed我尝试使用Webpack编译，缩小和捆绑2个以下文件：
**styles/consts.less**
@gray: #202020;
**styles/main.less**
@import 'consts.less';
body { background-color: @gray; }
我希望将生成的文件const webpack = require('webpack');
var MiniCssExtractPlugin = require("mini-css-extract-plugin");
var OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
var UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
plugins: [
new MiniCssExtractPlugin({
filename: 'styles.min.css',
})
],
resolve: {
extensions: ['.js'],
},
entry: {
'scripts.min': './scripts/scripts.js',
},
output: {
path: __dirname + '/dist',
filename: '[name].js'
},
optimization: {
minimizer: [
new MiniCssExtractPlugin({}),
new OptimizeCSSAssetsPlugin({}),
new UglifyJsPlugin({
cache: true,
parallel: true,
sourceMap: false
})
]
},
module: {
rules: [
{
test: /\.less$/,
use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader']
}
]
}
};
放置在styles.min.css文件夹中。
已成功创建了javascript文件dist ...
但是LESS文件中的CSS文件scripts.min.js不是。
我在做什么错了？
答案 0 :(得分：1)
您是否忘记了将较少的文件导入到js文件中？