Стиль обрезается, когда достигает 10000 символов

Я пытаюсь загрузить bootstrap css в свое приложение с помощью webpack. Это большой проект, и наш загрузочный файл был изменен, поэтому мы больше не можем загружать его из NPM. Мы пытаемся перенести его из gulp.

Я импортирую его в свой main.sass, используя @import. @import '../vendor/bootstrap/css/bootstrap.css';

я использую следующую конфигурацию в своем веб-пакете:

module: {
        rules: [
            {
                test: /\.(s*)css$/,
                use: ['style-loader', 'css-loader', 'sass-loader']
            }
        ]
    }

Когда я проверяю свой HTML-код, загруженный в браузер, мой файл bootstrap.css загружается внутри тега, но, как ни странно, он заканчивается ровно на 10 000 символов. Так что большая часть правил CSS BS отключена.

введите здесь описание изображения

Я не смог найти помощь в Google, ни документацию по webpack, style-loader, css-loader, ни проблемы.

У кого-нибудь есть идея, как это преодолеть?

настройка:

веб-пакет 4.33.0

начальная загрузка 3.3.7

css-загрузчик 2.1.1

загрузчик стилей 0.23.1

sass-загрузчик 7.1.0


webpack webpack-style-loader
person tfuelber    schedule 11.06.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я узнал, что стиль есть, но хром не показывает весь код. По какой-то причине он отображает только 10 000 символов.

Но если я скопирую содержимое тега стиля и добавлю его в VSCode, весь мой CSS будет там.

Также, если выбрать элемент на консоли, я могу проверить правильность длины символов.

введите здесь описание изображения

person tfuelber    schedule 17.06.2019