Question

我正在尝试导入我的css文件，但我一直收到此错误。 Cannot find module './style.css'。我没有运气修改我的webpack.config.js。敬请任何指导或帮助。是的，Home.js和style.css在同一目录中。

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'

Answer 1

根据doc，这应该有效;

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

不能使用react / webpack的css文件

1 个答案: