执行Webpack css-loader时出错，编译时出错

Question

我是webpack的新手，我一直在玩，试图从另一个体面的建筑中创建自己的建筑。

没有编译的东西之一是css，所以我做了以下工作：

1. 确保当前webpack配置文件中没有css加载程序(没有)
2. 运行npm install css-loader --save-dev
3. 添加装载机
4. 将import css from './static/css/style.css';添加到我的条目.js文件
5. 对我的css进行一些任意更改以测试

为了清晰起见，我的装载机是这样的：

loaders: [
      { ...babel loader...  },
      { test: /\.css$/, loader: "style-loader!css-loader" },
      { test: /\.png$/, loader: "url-loader?limit=100000" },
      { test: /\.jpg$/, loader: "file-loader" }
   ]

然后我运行了npm run build，正是在这里，我的终端出现了以下错误：

ERROR in ./src/app-client.js
Module not found: Error: Cannot resolve module 'style-loader' in /path/to/app/.../src
 @ ./src/app-client.js 15:13-46

我不知道我在哪里出了什么问题，任何帮助或指点都将不胜感激。

Answer 1

您可能忘了安装style-loader。所以就跑吧：

npm install style-loader --save-dev