代码之家  ›  专栏  ›  技术社区  ›  Node.JS

网页包:导入的样式是空对象

  •  0
  • Node.JS  · 技术社区  · 5 年前

    这是我的网页包配置,但我正在尝试导入我在中声明的scss样式 :export

    毫不奇怪,还有其他人也有同样的问题:

    1. https://github.com/webpack-contrib/sass-loader/issues/206

    2. css modules object import returns empty

    config.webpack.js

    {
        test: /\.(css|scss|sass)$/,
        exclude: /node_modules/,
        use: [
            'style-loader',
            {
                loader: MiniCssExtractPlugin.loader,
            },
            'css-loader',
            'resolve-url-loader',
            'sass-loader',
            {
                loader: 'postcss-loader',
                options: {
                    ident: 'postcss',
                    plugins: [require('autoprefixer')()],
                },
            },
        ],
    }
    

    我感谢任何帮助或暗示。

    0 回复  |  直到 5 年前
        1
  •  0
  •   Ruben Santana    5 年前

    试一试推杆 .module. 输入您的scss文件名。

    filename.module.scss

    然后在代码中:

    import styles from "./filename.module.scss";
    

    您可以使用SCS的类:

    <div className={styles.yourClassStyle}></div>