javascript - webpack导入css文件出错

Question

我使用 webpack。我通过命令安装了 style-loader 模块

npm install --save-dev style-loader

我像这样导入 css 文件:

require('style!css!../css/style.css');

但是当我通过命令运行webpack时

webpack -w --devtool source-map js/profile.js dist/bundle.js

出现以下错误:

ERROR in ./js/profile.js Module not found: Error: Can't resolve 'style' in '/home/default-user/WebstormProjects/practice/webpack/js' BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.You need to specify 'style-loader' instead of 'style',

Answer 1

如错误所述，Babel不允许没有后缀 -loader 的加载程序规范。因此，继续将 style 和 css 分别替换为 style-loader 和 css-loader。