找不到模块：错误：无法解析“样式加载器”-reactjs

Question

我想加载我的 css 样式。

import '../assets/home/css/style.css'

我正在使用'style-loader', 'css-loader'，但收到此错误消息：

找不到模块：错误：无法解析“/Users/sm_emamian/Desktop/react js/shadyab”中的“style-loader”@ ./app/containers/Intro.js 23:0-39

我的webpack.config.js：

module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        include: __dirname
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }
    ],
    resolve: {
      extensions: ['.js', '.jsx', '.css']
   }
  }
}

Answer 1

npm install style-loader --save-dev

另外 style-loader 应与“loader”一起使用，而不是与“use”一起使用。

Webpack 配置行：
test: /\.css$/, loader: 'style-loader!css-loader'

参考： https: //github.com/webpack-contrib/style-loader