1

私は webpack を初めて使用し、別の適切なビルドをフォークして独自のビルドを作成しようとしています。

コンパイルされていないものの 1 つは 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 に答える