当我将未压缩的 scss 或 css 导入 js 文件时，我得到了空的样式标签

Question

当我导入解压缩scss或css时，我的 HTML 中出现了空<style>，但 css 被压缩到当前可以注入<style>

有没有人可以帮助我找出我的 webpack 配置中出了什么问题？

非常感谢！！

在我的 Js 文件中

import './somescss.scss'

webpack 配置文件中的模块

module: {rules: [
{
test: /.css$/i,
use: ['style-loader', 'css-loader'],
},
{//js loader},
{
test: /.scss$/,
use: [{
loader: MiniCssExtractPlugin.loader,
options: {
hmr: process.env.NODE_ENV === 'development',
reloadAll: true,
},
},
{
loader: 'css-loader',
},
{
loader: 'sass-loader',
options: {outputStyle: 'compressed'},
}
]}]}

Answer 1

下面的配置对我有用

module: {
rules: [{
test: /.scss$/,
use: [
'style-loader',
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
minimize: true,
sourceMap: true
}
},
{
loader: "sass-loader"
}
]
}
]
}