Установка модулей в false в конфигурации веб-пакета нарушает все CSS - PullRequest
Новая
       64

Установка модулей в false в конфигурации веб-пакета нарушает все CSS

0 голосов
/ 10 июля 2019

У меня есть следующий webpack конфиг, и все работает отлично: 

    module: {
        rules: [
            {
                test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
                loader: 'url-loader',
                options: {
                    limit: 10000
                }
            },
            {
                test: /\.tsx?$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                options: {
                    plugins: [
                        require('babel-plugin-transform-async-to-promises')
                    ]
                }
            },
            {
                test: /\.js$/,
                use: [ "source-map-loader" ],
                enforce: "pre"
            },
            {
                test: /\.(scss|css)$/,
                use: [ { loader:'style-loader'}, {loader : 'css-loader', options: {
                    modules: true,
                    sourceMap: IS_DEV,
                }}, {loader: 'sass-loader', options : {sourceMap: IS_DEV}} ]
            },
        ]
    },

Однако, когда я пытаюсь установить modules на false, 

            {
                test: /\.(scss|css)$/,
                use: [ { loader:'style-loader'}, {loader : 'css-loader', options: {
                    modules: false,
                    sourceMap: IS_DEV,
                }}, {loader: 'sass-loader', options : {sourceMap: IS_DEV}} ]
            },

всеcss моего проекта перестает работать.Как мне исправить мой CSS, когда для modules установлено значение false?

1 Ответ

0 голосов
/ 12 июля 2019

Я думаю, что это как-то связано с тем, как вы применяете классы CSS в компонентах относительно того, включены ли Css-модули.
Если вы не используете модули CSS, вы указываете буквальные имена классов CSS в компонентах, тогда как, когда модули CSS включены, вы указываете импортированные переменные класса CSS, которые генерируются веб-пакетом.
Учитывая сказанное выше, вы, вероятно, захотите изменить в соответствии с тем, как вы применяете классы CSS в своих файлах компонентов.

...