在幕后,Create React App使用带html-webpack-
plugin的Webpack。
我们的配置指定 Webpack
src/index.js用作“入口点”。因此,这是它读取的第一个模块,然后是其他模块,将它们编译为一个捆绑包。
当webpack编译资产时,它会生成一个(如果使用代码拆分则为多个)捆绑。它使它们的最终路径可用于所有插件。我们正在使用一个这样的插件将脚本注入HTML。
我们已启用html-webpack-plugin生成HTML文件。在我们的配置中,我们指定应将其
public/index.html作为模板阅读。我们还将
inject
选项设置为
true。使用该选项,
html-webpack-plugin将
<script>带有Webpack提供的路径的a添加到最终HTML页面中。这最后一个页面是一个你在得到
build/index.html运行后
npmrun build,这会从服务的一个
/运行时
npm start。
希望这可以帮助!Create React App的优点在于您实际上不需要考虑它。



