山海科技发展网

08月04日科技常识:webpack 中 import css 文件报错: Module build failed...

导读 摘要 今天小编跟大家讲解下有关webpack 中 import css 文件报错: Module build failed ,相信小伙伴们对这个话题应该有所关...
摘要 今天小编跟大家讲解下有关webpack 中 import css 文件报错: Module build failed ,相信小伙伴们对这个话题应该有所关注吧,小

今天小编跟大家讲解下有关webpack 中 import css 文件报错: Module build failed... ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关webpack 中 import css 文件报错: Module build failed... 的相关资料,希望小伙伴们看了有所帮助。

项目中引入了css文件 配置了 rules 中:

{ test: /\\.css$/, use: ['css-loader', 'style-loader']}

在执行webpack命令时 发生错误 报错信息:

Module build failed (from ./node_modules/css-loader/dist/cjs.js):cssSyntaxError

经查询 是loader顺序不正确导致此问题 修改后如下:

{ test: /\\.css$/, use: ['style-loader', 'css-loader']}

问题解决。

问题溯源: 根本原因是 webpack 调用 loader 是从右向左在调用的。

Loaders can be chained by passing multiple loaders,which will be applied from right to left (last to first configured).

原文见:https://webpack.js.org/configuration/module/#ruleuse

来源:爱蒂网