執行Webpack css-loader時遇到問題，編譯時出錯

Question

我是webpack的新手，我正在努力嘗試創建自己的版本，以創建另一個體面的版本。

一個東西，沒有編制是CSS，所以我做了以下內容：

1. 確保沒有CSS中的WebPack配置文件目前裝載機（有沒有）
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