我有迷你的css提取插件,可以从我的scss文件创建css文件,但是当我加载我的页面(ReactJs App)时,没有样式加载.我怀疑我在某种程度上搞乱了输出或导入的路径,但我try 了许多组合,但都没有成功……以前的内联样式加载器可以很好地使用导入路径. Webpack参赛作品:
entry: {
index: './src/index.js',
},
output: {
filename: '[name].js'
},
Webpack模块:
module: {
rules: [
{
test: /\.(sass|less|css|scss)$/,
sideEffects: true,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
},
{
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel-loader',
options:{
presets: ['@babel/preset-react']
}
}
],
},
Webpack插件:
plugins: [
new MiniCssExtractPlugin({
filename: "css/[name].css",
chunkFilename: "css/[id].css",
})
]
MainListing.js(它是index.js内部的Reaction路由之一):
import './css/index.scss'