An error occurs when importing css file in webpack

Question

I use webpack. I installed style-loader module by command

npm install --save-dev style-loader

I import css-file like-this:

require('style!css!../css/style.css');

But when I run webpack by command

webpack -w --devtool source-map js/profile.js dist/bundle.js

occurs following error:

ERROR in ./js/profile.js Module not found: Error: Can't resolve 'style' in '/home/default-user/WebstormProjects/practice/webpack/js' BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.You need to specify 'style-loader' instead of 'style',

BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.You need to specify 'style-loader' instead of 'style' Looks like you have to use that approach stackoverflow.com/questions/42196583 — Mikhail Aksenov
– Mikhail Aksenov, Commented Nov 29, 2017 at 12:25

Siya Mzam · Accepted Answer · 2017-11-30 03:23:53Z

1

As the error says, Babel does not allow loader specification without the suffix -loader. So go on and replace style and css with style-loader and css-loader respectively.

edited Nov 30, 2017 at 3:23

answered Nov 29, 2017 at 13:21

Siya Mzam

4,7251 gold badge31 silver badges46 bronze badges

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

Comments

Ratbek · Accepted Answer · 2017-11-30 03:11:57Z

0

I found an answer. I have just added word "-loader" in importing ccs-file like this:

require('style-loader!css-loader!../css/style.css');

answered Nov 30, 2017 at 3:11

Ratbek

1631 silver badge7 bronze badges

Collectives™ on Stack Overflow

An error occurs when importing css file in webpack

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related