2016-10-31 151 views
1

我是webpack的新手,我正在努力尝试创建自己的版本,以创建另一个体面的版本。执行Webpack css-loader时遇到问题,编译时出错

一个东西,没有编制是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 

我真的不确定我要去哪里错了,任何帮助或指针将不胜感激。

回答

1

您可能忘了安装style-loader。所以只需运行:

npm install style-loader --save-dev 
+0

就是这样,谢谢!我认为这将是一个噩梦修复,webpack是(非常)慢慢开始有意义:) – Paulos3000

+1

哈哈我可以涉及这:) –