Javascript 当我将未压缩的SCS或css导入js文件时,我得到了空的样式标记
当我导入解压缩的Javascript 当我将未压缩的SCS或css导入js文件时,我得到了空的样式标记,javascript,webpack,Javascript,Webpack,当我导入解压缩的scss或css时,我的HTML中的是空的,但是css被压缩了,它当前可以注入 有人能帮我找出我的网页配置中的错误吗 非常感谢 在我的Js文件中 import './somescss.scss' webpack配置文件中的模块 module: {rules: [ { test: /\.css$/i, use: ['style-loader', 'css-loader'], },
scss
或css
时,我的HTML中的
是空的,但是css被压缩了,它当前可以注入
有人能帮我找出我的网页配置中的错误吗
非常感谢
在我的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'},
}
]}]}
下面的配置为我工作
module: {
rules: [{
test: /\.scss$/,
use: [
'style-loader',
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
minimize: true,
sourceMap: true
}
},
{
loader: "sass-loader"
}
]
}
]
}
下面的配置为我工作
module: {
rules: [{
test: /\.scss$/,
use: [
'style-loader',
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
minimize: true,
sourceMap: true
}
},
{
loader: "sass-loader"
}
]
}
]
}