无法实现 Webpack css-loader，编译时出错

Question

我是 webpack 的新手，我正在尝试通过分叉另一个不错的构建来创建我自己的构建。

其中一个没有编译的是 css，所以我做了以下操作：

确保 webpack 配置文件中当前没有 css 加载程序（没有）
运行 npm install css-loader --save-dev
添加加载程序
将 import css from './static/css/style.css'; 添加到我的条目 .js 文件
对我的 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

无法实现 Webpack css-loader，编译时出错

Trouble implementing Webpack css-loader, error on compile

javascript

css

npm

webpack

css-loader