Ember 构建输出（dist 文件夹）

Question

在 Ember JS 项目中，我们有 package.json （用于 NPM 管理）和 Bower.json （Bower 管理），其中我们拥有所有依赖项/devDependency （例如 bootstrap、jquery、ember 等）

现在，它们从各自的注册表中下载，并在本地下载到 node_modules/bower_components 文件夹中。

现在我的问题是，虽然这些文件夹（node_modules/bower_components）包含很多代码依赖项，但当我们进行构建时，我在“dist”文件夹中看到一些代码。我想了解这个区域到底是什么？我看到诸如vendor.css、vendor.js、myappName.css、myappName.js 等内容

那么它们是如何构建的以及它们内部实际包含哪些代码？它是否也基于我们的 package/bower json 配置文件中的内容？或者它是基于我们在 ember-cli-build.js 中的内容？

Answer 1

下面的内容/dist应该是发布应用程序所需的一切。来自的组件bower_components通常通过app.import()in加载ember-cli-build.js，而来自的内容node_modules则由您安装的插件加载（ember-cli 会自动选择）。

以下是这些文件的简要概述。

index.html --> Generated by ember-cli upon project creation
*          --> Everything from /public
assets/
    appName.css --> All css from under /app
    appName.js  --> All js and compiled templates from /app
    vendor.css  --> Any css imported from bower_components/node_modules (via ember-cli-build.js)
    vendor.js   --> Any js imported from bower_components/node_modules (via ember-cli-build.js)
    test-*.js   --> Test loader/support for ember-cli if you've run "ember test"

大多数文件还附带源映射，.map您可以在发布站点时排除这些源映射。