javascript - 无法在 Node 中加载/需要任何 css 文件

Question

我有一个基于此 boilerplate 的 ReactJS 应用程序.

我只是想加载和 require或 import一个 css 文件(嵌入在 <style> 标签中，而不是 css 链接)。以下是我尝试过的两种方法，但从未同时使用过。

方法一:在Webpack中配置loader

这些是我尝试过的所有加载器配置，但仍然导致此错误:[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'}来自 here
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'
},

方法二:直接使用loader

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

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

---- # 注意: ----

我能够正确地require我的.scss文件及其 webpack 加载器配置如下。但出于某种原因，我的 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

将 extensions: ['less','scss'] 更改为 extensions: ['less','scss','css'] 在 webpack-isomorphic-tools.js 的第 65 行。更多细节你可以看 this