我能够成功地使用min-css-extract-plugin生成css文件,但似乎无法将其用于SASS。在使用webpack dev server时它运行良好,但它始终将我的scss插入到javascript文件中,而不是创建一个单独的CSS文件。
我有index.html、index.js和main.scss存储在/src下。
webpack.config.js:
我有index.html、index.js和main.scss存储在/src下。
webpack.config.js:
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
module.exports = {
module: {
rules: [
{
test: /\.scss$/,
use: [
// fallback to style-loader in development
process.env.NODE_ENV !== 'production' ? 'style-loader' : MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader"
]
}
]
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
]
}