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

Question

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

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

方法一:在Webpack中配置加载器

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

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