Question

我安装了所有依赖项：

    "devDependencies": {
      "css-loader": "^0.26.4",
      "sass-loader": "^6.0.3",
      "style-loader": "^0.13.2
    }

捆绑包正确检测我的导入：

import styles from './styles.scss';

我配置了我的webpack配置：

module : {
    loaders : [
        {
            test: /\.(sass|scss)$/,
            use: ['style-loader', 'css-loader', 'sass-loader']
        },
        {
            test : /\.jsx?/,
            include : APP_DIR,
            loader : 'babel-loader'
        }
    ]
}

但是在最后的渲染中并没有出现这些类。有些想法？谢谢!!!

Answer 1

你的jsx测试值是错误的，不是吗？必须是

{
    test : /\.jsx$/,
    include : APP_DIR,
    loader : 'babel-loader'
}

Answer 2

我知道这不是完美的解决方案，但是工作：在我的项目中，css捆绑在一个bundle.css文件中，我的设置是：

1.我得到的组件： import "./User.css";

2.在webpack配置中： var ExtractTextPlugin = require('extract-text-webpack-plugin');

3.然后在webpack配置模块部分：

module: {
    loaders: [
        { test: /\.tsx?$/, loader: "awesome-typescript-loader" },
        { test: /\.js$/, loader: "source-map-loader", enforce: "pre" },
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use: "css-loader",
            })
        }
    ]
},
plugins: [
new ExtractTextPlugin('../css/[name].css')
]

反应CSS模块，不起作用。一些想法？

2 个答案: