Webpack 如何将normalize.css与网页包样式加载器一起使用?

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$/,

我有一个网页包项目设置,如下所示:

webpack.config.js:

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你解决了吗?