Webpack 3.5.5错误加载CSS和SASS

我目前正在更新我的nodejs包和更新的webpack到3.5.5，并且构建现在无法尝试加载css和sass。这是我的装载机的外观。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']}, 
]

我想知道如果我需要改变任何东西，这些装载机将工作？我得到的错误是

BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders. You need to specify 'css-loader' instead of 'css', see webpack.js.org/guides/migrating/… `

来源

2017-08-29 Totals

运行'webpack'时输出/错误信息是什么？ –

突破性改变：使用装载机时，不再允许省略'-loader'后缀。您需要指定'css-loader'而不是'css'，请参阅https://webpack.js.org/guides/migrating/#automatic-loader-module-name-extension-removed – Totals

因此，如果您有' css？sourceMap-loader'，请尝试改用'css-loader？sourceMap'。 –

现在的WebPack装载机必须包括-loader前缀，从css?sourceMap正确的修改是不是css?sourceMap-loader而是要css-loader?sourceMap。

类似地，sass?sourceMap必须变成sass-loader?sourceMap。

在两种情况下，sourceMap行为以类似的方式，以在一URL的查询串参数，并从css到css-loader调整是类似于一个资源从移动到example.com/cssexample.com/css-loader。

来源

2017-08-29 21:01:29

Webpack 3.5.5错误加载CSS和SASS

回答

相关问题