webpack style-loader + css-loader不导入

Question

我已经设置了Webpack并且它正在改变jsx并且正在做HMR，但是当我尝试通过添加到配置时将CSS添加到我的javascript文件

  module: {
    loaders: [
      { 
        test: /\.jsx?$/, 
        loader: 'babel', 
        exclude: /node_modules|bower_modules/ 
      },
      { 
        test: /\.css$/, 
        loader: 'style!css', 
        exclude:/node_modules|bower_modules/
      },
    ]
  },

和我的test.css

.htmlPreview{
  border: 1px solid #000;
}

最后在我的invoice.jsx

中

import styles from './test.css';
console.log(styles)

它记录未定义。设置非常简单，但任何人都可以看到我可能错过的任何东西吗？

谢谢你！

Answer 1

第一

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

然后更新你的装载机：

{ 
  test: /\.css$/, 
  loader: 'style-loader!css-loader'
}