无法加载/需要节点中的任何CSS文件

我有一个基于这个样板的ReactJS应用程序。

我只是试图加载和require或import一个CSS文件（embedded<style>标签，而不是CSS链接）。 以下是我尝试过的两种方法，而不是同时进行。

方法1：在Webpack中configuration加载器

这些都是我尝试过的所有加载器configuration，但仍然导致这个错误： [require-hacker] Trying to load "something.css" as a "*.js"

dev.config.js

 module: { loaders: [ // loaders in here ] } 

1. { test: /\.css$/, loader: "style!css" }
2. { test: /\.css$/, loader: 'style-loader!css-loader'}从这里开始
3. { test: /\.css$/, loader: 'style!css!postcss' }
4. { test: /\.css$/, loader: 'style!css?modules&localIdentName=[name]---[local]---[hash:base64:5]!postcss' }
5. { test: /\.css$/, use: [ { loader: 'css-loader', options: { modules: true, localIdentName: '[path][name]__[local]--[hash:base64:5]' } } ] }
6. { test: /\.css$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' },

方法2：直接使用装载机

如果我完全删除了css加载器，而是调用require('style!css!./something.css') ，我得到这个错误：

 Error: Cannot find module 'style!css!./something.css' 

—-＃ 注意： —-

我能够正确地require我的.scss文件和它的webpack加载器configuration如下。 但由于某种原因，我的CSS文件也不想这样玩。

  { test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' } 

Answer 1

在65行的webpack-isomorphic-tools.js中更改扩展名：['less'，'scss']为扩展名：['less'，'scss'，'css']。有关更多详细信息，