我想创建一个Webpack配置文件,它应该将我的.scss文件转换为.css文件。 问题是webpack不会创建style.css文件。 我有一个core.scss,它有4行,所以应该这样做。
我的webpack.config.js:
var path = require('path');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
//Entry point
entry: path.resolve(__dirname, 'assets/src/js/main.js'),
//Output
output: {
path: path.resolve(__dirname, 'assets/dist/js'),
filename: 'bundle.js'
},
//Modules
module: {
rules: [
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'sass-loader']
})
}
]
},
//Plugins
plugins: [
new ExtractTextPlugin({
filename:'style.css'
})
]
}
我犯了什么错? 遗失了什么? 谢谢您的帮助!
你使用的是什么版本的webpack? 您是否通过import '../style/core.scss'
将scss文件正确导入至少一个js文件?
还有错误吗?