содержит ли bundle.js содержимое стиля? - PullRequest
0 голосов
/ 09 октября 2019

Я читаю книгу React, в которой написано:

Когда вы используете ключевое слово import для объявления зависимости от статического контента, решение о том, как обрабатывать контент, остается заИнструменты разработки. Для файлов размером менее 10 КБ содержимое будет включено в файл bundle.js вместе с кодом JavaScript, необходимым для добавления содержимого в документ HTML. Это то, что происходит с импортированным App.css файлом

, поэтому я добавляю стиль в App.css для проверки:

Файл App.css

testClass {
   background-color: red 
}

Я вижу, что index.html имеет элемент стиля, который содержит содержимое App.css. Но я попытался найти ключевое слово testClass в bundle.js, результата не было. так почему же автор говорит, что содержимое будет включено в файл bundle.js? его там нет! если он есть, я смогу увидеть какой-нибудь DOM API, например:

var styleNode = document.createElement('style');
styleNode.styleSheet.cssText = 'testClass { background-color: red }';
document.getElementsByTagName('head')[0].appendChild(styleNode);

Код упрощен мной, но я должен, по крайней мере, найти testClass, если содержимое будет включено в bundle.js файл?

...