Question

我正在读一本React书，上面写着：

使用import关键字声明对静态内容的依赖时，有关如何处理内容的决定留给开发工具。对于小于10Kb的文件，该内容将与将内容添加到HTML文档所需的JavaScript代码一起包含在bundle.js文件中。这就是导入的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);

我简化了代码，但是如果内容将包含在bundle.js文件中，我至少应该可以找到testClass？

bundle.js是否包含样式内容？

0 个答案: