Question

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

我只是尝试加载require或import css文件（嵌入<style>标记，而不是css链接）。以下是我尝试过的两种方法，而不是同时使用这两种方法。

方法1：在Webpack中配置加载器

这些是我尝试过的所有加载程序配置，但仍导致此错误：[require-hacker] Trying to load "something.css" as a "*.js"

dev.config.js

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

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

here

{ test: /\.css$/, loader: 'style-loader!css-loader'}
{ test: /\.css$/, loader: 'style!css!postcss' }
{ test: /\.css$/, loader: 'style!css?modules&localIdentName=[name]---[local]---[hash:base64:5]!postcss' }
{ test: /\.css$/, use: [ { loader: 'css-loader', options: { modules: true, localIdentName: '[path][name]__[local]--[hash:base64:5]' } } ] }
{ 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 loader配置如下所示。但由于某些原因，我的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

更改扩展程序：[＆＃39; less＆＃39;，＆＃39; scss＆＃39;]到扩展程序：[＆＃39; less＆＃39;，＆＃39; scss＆＃39;，＆＃39 ; css＆＃39;]在第65行的webpack-isomorphic-tools.js中。有关详细信息，请参阅this

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

方法1：在Webpack中配置加载器

方法2：直接使用加载器

1 个答案: