javascript - Ember 构建输出(dist 文件夹)

Question

在 Ember JS 项目中，我们有 package.json(用于 NPM 管理)和 bower.json(Bower 管理)，我们有所有依赖项/devDependencies(例如 bootstrap、jquery、ember 等)

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

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

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

Answer 1

/dist 下的内容应该是您发布应用程序所需的一切。来自 bower_components 的组件通常通过 app.import() 加载在 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"

大多数文件还带有 sourcemaps 作为 .map您可以在发布网站时将其排除。