1

我是 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

我不确定我在这里哪里出错了，任何帮助或指示将不胜感激。

4

1 回答 1

1

您可能忘记安装style-loader. 所以只需运行：

npm install style-loader --save-dev
于 2016-10-31T19:09:01.913 回答