Can't require css file with react/webpack

Question

I am trying to import my css file and I keep getting this error. Cannot find module './style.css'. I modified my webpack.config.js with no luck. Please any guidance or help is appreciated. Yes, Home.js and style.css are in the same directory.

webpack.config.js

...module: {
    rules: [
      {
        test: /.js$/,
        loader: 'babel-loader',
        include: path.join(__dirname, 'app'),
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react', 'stage-1']
        }
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
      }
    ]
}...

style.css

body {
  background-color: #000000;
  margin: 0px;
}

Home.js

import './style.css'

Osman Mesut Ozcan · Accepted Answer · 2018-04-03 06:08:23Z

1

According to doc this should work;

...module: {
    rules: [
      ...
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: ['css-loader']
        })
      }
    ]
}...

answered Apr 3, 2018 at 6:08

Osman Mesut Ozcan

1861 silver badge8 bronze badges

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

Collectives™ on Stack Overflow

Can't require css file with react/webpack

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related