Стиль обрезается, когда он достигает 10000 символов - PullRequest
0 голосов
/ 11 июня 2019

Я пытаюсь загрузить Bosstrap CSS в свое приложение с помощью веб-пакета.Это большой проект, и наш файл начальной загрузки был настроен, поэтому мы больше не можем загружать его из 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 загружается внутри тега,но как ни странно, он заканчивается ровно 10000 символов.Так что большая часть правил BS CSS отключена.

enter image description here

Я не смог найти помощь в Google, ни в веб-пакете, ни в стиле-загрузчике, ни в CSS-загрузчикедокументация и вопросы.

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

setup:

webpack 4.33.0

bootstrap 3.3.7

css-loader 2.1.1

style-loader 0.23.1

sass-loader 7.1.0

1 Ответ

0 голосов
/ 17 июня 2019

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

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

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

enter image description here

...