Я читаю книгу 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
файл?