无法解析模块 'css-loader'

Question

这是我的 webpack.config.js。我不能让它工作。除了该代码之外，我还向我的根组件提供 'import '../style.css' 。我将代码拆分为 2 个捆绑包并想要获得第三个捆绑包，这次使用 css。但是，它不起作用。求助！

const webpack = require('webpack');
const path =  require('path');

module.exports = {
  entry: {
  app: ['./src/App.jsx'],
  vendor: ['react','react-dom','whatwg-fetch','babel-polyfill','react- 
         router','react-router-bootstrap','react-bootstrap'],
 },

  output: {
  path:path.resolve(__dirname,'static'),
  filename: 'app.bundle.js',  
},
module: {
 loaders: [  
{
  test: /\.css$/,
 loader: 'style-loader'
},   
{
  test: /\.css$/,
 loader: 'css-loader'
 },      
    {
      test: /\.jsx$/,
      loader: 'babel-loader',
      query: {
         presets: ['react','es2015']
    }, 
  },
 ],
   resolve: {
      extensions:['.js','.jsx','.css'],
   },
 },
plugins: [
new webpack.optimize.CommonsChunkPlugin('vendor','vendor.bundle.js'), 
  ],
}

找不到模块：错误：无法解析模块 'css-loader'

Answer 1

确保安装了 css-loader 和 style-loader 模块

npm install style-loader css-loader --save-dev

您还可以将加载程序链接在一起，这样您的 css

就只有一个规则块

test: /\.css$/,
use: [
    {
        loader: 'style-loader'
    },
    {
        loader: 'css-loader'
    }
]

Answer 2

Luke Flournoy 完美地回答了这个问题。确保安装了 css-loader 和 style-loader 模块

npm install style-loader css-loader --save-dev

您也可以将加载程序链接在一起，这样您的 css

就只有一个规则块

test: /\.css$/,
use: [
{
    loader: 'style-loader'
},
{
    loader: 'css-loader'
}
]

无法解析模块 'css-loader'

Cannot resolve module 'css-loader'

webpack

css-loader