Trouble implementing Webpack css-loader, error on compile

Question

I'm new to webpack, and I'm playing around with trying to create my own build from forking another decent build.

One of things that wasn't compiling was the css, so I did the following:

Make sure there were no css loaders currently in the webpack config file (there weren't)
Run npm install css-loader --save-dev
Add loaders
Add import css from './static/css/style.css'; to my entry .js file
Make some arbitrary changes to my css to test

Just for the sake of clarity, my loaders looked like this:

loaders: [
      { ...babel loader...  },
      { test: /\.css$/, loader: "style-loader!css-loader" },
      { test: /\.png$/, loader: "url-loader?limit=100000" },
      { test: /\.jpg$/, loader: "file-loader" }
   ]

I then ran npm run build, and it was here that my terminal came up with the following error:

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

I'm not really sure where I'm going wrong here, any help or pointers would be appreciated.

Christopher Chiche · Accepted Answer · 2016-10-31 19:09:01Z

2

You probably forgot to install style-loader. So just run:

npm install style-loader --save-dev

answered Oct 31, 2016 at 19:09

Christopher Chiche

15.4k10 gold badges65 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Paulos3000 Over a year ago

That was it, thanks! I thought that was gonna be a nightmare to fix, webpack is (very) slowly starting to make sense :)

Christopher Chiche Over a year ago

Haha I can relate to this :)

Collectives™ on Stack Overflow

Trouble implementing Webpack css-loader, error on compile

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related