在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

发生以下错误：

   ./js/profile.js中的错误找不到模块：错误：无法解决   ＆＃39;风格＆＃39;在＆＃39; / home / default-user / WebstormProjects / practice / webpack / js＆＃39;   突然变化：不再允许省略＆＃39; -loader＆＃39;后缀   使用加载器时。你需要指定＆＃39; style-loader＆＃39;代替   ＆＃39;风格＆＃39;，

Answer 1

正如错误所述，Babel不允许加载器规范而没有后缀-loader。所以继续分别用style和css替换style-loader和css-loader。

Answer 2

我找到了答案。我刚刚添加了＃34; -loader＆＃34;在导入ccs文件时如下：

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