找不到模块:错误:无法解析'style-loader' - reactjs

时间:2018-03-21 14:01:24

标签: reactjs webpack

我想加载我的CSS样式。

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

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

  

找不到模块:错误:无法解析'style-loader'   '/ Users / sm_emamian / Desktop / react js / shadyab'@   ./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']
   }
  }
}

1 个答案:

答案 0 :(得分:4)

npm install style-loader --save-dev

样式加载器也应该与'loader'一起使用,而不是'use'。

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

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