Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我将未压缩的SCS或css导入js文件时,我得到了空的样式标记_Javascript_Webpack - Fatal编程技术网

Javascript 当我将未压缩的SCS或css导入js文件时,我得到了空的样式标记

Javascript 当我将未压缩的SCS或css导入js文件时,我得到了空的样式标记,javascript,webpack,Javascript,Webpack,当我导入解压缩的scss或css时,我的HTML中的是空的,但是css被压缩了,它当前可以注入 有人能帮我找出我的网页配置中的错误吗 非常感谢 在我的Js文件中 import './somescss.scss' webpack配置文件中的模块 module: {rules: [ { test: /\.css$/i, use: ['style-loader', 'css-loader'], },

当我导入解压缩的
scss
css
时,我的HTML中的
是空的,但是css被压缩了,它当前可以注入

有人能帮我找出我的网页配置中的错误吗

非常感谢

在我的Js文件中

import './somescss.scss'
webpack配置文件中的模块

    module: {rules: [
        {
            test: /\.css$/i,
            use: ['style-loader', 'css-loader'],
        },
        {//js loader},
        {
            test: /\.scss$/,
            use: [{
                    loader: MiniCssExtractPlugin.loader,
                    options: {
                        hmr: process.env.NODE_ENV === 'development',
                        reloadAll: true,
                    },
                },
                {
                    loader: 'css-loader',
                },
                {
                    loader: 'sass-loader',
                    options: {outputStyle: 'compressed'},
                }
]}]}

下面的配置为我工作

module: {
        rules: [{
                test: /\.scss$/,
                use: [
                    'style-loader',
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: true,
                            sourceMap: true
                        }
                    },
                    {
                        loader: "sass-loader"
                    }
                ]
            }
        ]
    }

下面的配置为我工作

module: {
        rules: [{
                test: /\.scss$/,
                use: [
                    'style-loader',
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: true,
                            sourceMap: true
                        }
                    },
                    {
                        loader: "sass-loader"
                    }
                ]
            }
        ]
    }