Question

我目前正在更新我的nodejs软件包并将webpack更新为3.5.5，并且构建现在无法尝试加载css和sass。这就是我的装载机的样子。

 loaders: [
  {test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel-loader']},
  {test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/, loader: "file-loader" },
  {test: /\.(jpe?g|png|gif)$/i, loader: 'file?name=[name].[ext]-loader'},
  {test: /\.ico$/, loader: 'file?name=[name].[ext]-loader'},
  {test: /(\.css|\.scss)$/, loaders: ['style-loader', 'css?sourceMap-loader', 'postcss-loader', 'sass?sourceMap-loader']},
]

我想知道我是否需要更改任何东西才能让这些装载机工作？我得到的错误是

突然变化：不再允许省略＆＃39; -loader＆＃39;使用加载器时的后缀。您需要指定＆＃39; css-loader＆＃39;而不是＆＃39; css＆＃39;，请参阅webpack.js.org/guides/migrating/...`

Answer 1

既然webpack加载器必须包含-loader前缀，那么css?sourceMap的正确修改不是css?sourceMap-loader，而是css-loader?sourceMap。

同样，sass?sourceMap必须成为sass-loader?sourceMap。

在这两种情况下，sourceMap的行为方式与网址中的查询字符串参数类似，从css到css-loader的调整类似于从{{{{}}移动的资源1}}到example.com/css。

Webpack 3.5.5错误加载CSS和SASS

1 个答案: