无法实现 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