无法实现Webpack css-loader,编译错误

时间:2016-10-31 19:07:49

标签: javascript css npm webpack css-loader

我是webpack的新手,我正在尝试通过分支另一个体面的构建来创建自己的构建。

没有编译的一件事是css,所以我做了以下几点:

  1. 确保webpack配置文件中没有css加载器(没有)
  2. 运行npm install css-loader --save-dev
  3. 添加装载者
  4. import css from './static/css/style.css';添加到我的条目.js文件
  5. 对我的CSS进行一些任意更改以进行测试
  6. 为了清楚起见,我的装载机看起来像这样:

    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 个答案:

答案 0 :(得分:1)

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

npm install style-loader --save-dev