我正在开始使用webpack,但我很难配置它,因此它可以编译如下所示的scss文件:
main.scss
@import 'scss/variables.scss'
@import 'scss/..scss'
// more stuff
这是我的webpack配置:
const path = require('path');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
entry: [
'./assets/js/main.js',
],
plugins: [
new UglifyJSPlugin(),
],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/[name].min.js',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['babel-preset-env']
}
}
},
]
}
};
我尝试了许多在线教程,但出现了很多错误。上面的代码可以编译,但是我只想添加main.scss
,因此它可以编译到dist文件夹中的main.min.css
,并且已经被压缩。