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

回答

相關問題