Webpack 如何将normalize.css与网页包样式加载器一起使用?
我有一个网页包项目设置,如下所示: webpack.config.js:Webpack 如何将normalize.css与网页包样式加载器一起使用?,webpack,webpack-style-loader,normalize-css,Webpack,Webpack Style Loader,Normalize Css,我有一个网页包项目设置,如下所示: webpack.config.js: module.exports = { module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: "babel-loader" } }, { test: /\.html$/,
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.html$/,
use: [
{
loader: "html-loader",
options: { minimize: true }
}
]
},
{
test: /\.(css|scss|sass)$/,
use: [ "style-loader", "css-loader",{
loader: 'fast-sass-loader',
options: {
includePaths: ['./node_modules/normalize.css']
}
}]
}
]
},
plugins: [
new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
})
]
};
我已经通过npm install normalize.css安装了normalize.css,但我无法引用它
当我把@import“~normalize.css”
在我的main.scss
文件的顶部,我得到以下错误:
ERROR in ./node_modules/css-loader!./node_modules/fast-sass-loader/lib??ref--6-2!./src/main.scss
Module build failed: Error: import file cannot be resolved: "@import "~normalize.css";" @/Users/micahsmith/dev/webpack-4-quickstart/src/main.scss
at Object.importReplacer (/Users/micahsmith/dev/webpack-4-quickstart/node_modules/fast-sass-loader/lib/index.js:206:19)
at importReplacer.throw (<anonymous>)
at onRejected (/Users/micahsmith/dev/webpack-4-quickstart/node_modules/co/index.js:81:24)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
@ ./src/main.scss 2:14-130
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:8080 ./src
./node\u模块/css加载程序!中的错误/节点\模块/快速sass加载程序/库??参考-6-2/src/main.scss
模块生成失败:错误:无法解析导入文件:“@import”~normalize.css”;“@/Users/micahsmith/dev/webpack-4-quickstart/src/main.scss”
位于Object.importReplacer(/Users/micahsmith/dev/webpack-4-quickstart/node_modules/fast sass loader/lib/index.js:206:19)
在importReplacer.throw()处
在onRejected(/Users/micahsmith/dev/webpack-4-quickstart/node_modules/co/index.js:81:24)
在
在进程中。_tick回调(内部/process/next_tick.js:188:7)
@./src/main.scss 2:14-130
@./src/index.js
@多(网页包)-开发服务器/客户端?http://localhost:8080 /src
转到您的入口点:导入“normalize.css”代码>
在这里导入比尝试修复css加载程序要容易得多
我认为您不需要包含规范化。css
到includePaths
,当您使用tilde@Micah你解决了吗?