完成 aurelia 应用程序

Finishing up an aurelia application

我目前正准备发布我的第一个 aurelia 应用程序。除了一些小细节外,我几乎已经想通了所有事情。

首先加载css

我发现自己想在应用程序启动前加载一些 css;具体来说,加载的动画逻辑 div。我想要这个,否则微调器不会旋转。我知道我可以单独包含微调器 css,但无论如何我都需要(想要)动画库,所以不妨添加它。我已将以下内容添加到我的 index.html:

<link href="jspm_packages/github/daneden/animate.css@3.4.0/animate.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="dist/styles/style.css" rel="stylesheet"/>

这感觉不对有两个原因。首先,我可以将这个 css 与 aurelia-bundler 捆绑在一起,所以我不应该这样做吗?其次,这实际上让我想到了下一个问题......

VC 中包含什么?

animate 在jspm_packages,感觉不应该在版本控制中。但是,我确实需要该文件。因此,我或许可以选择在构建过程中将文件复制到 dist/。这个问题也适用于 dist/ 目录,它现在包含捆绑文件(由 aurelia-bundler 制作)以及我的静态资产(小于 css、优化图像和缩小 json文件),还有用于开发的源文件(es2015 编译的文件)。 dist 目录在 .gitignore 和 jspm_packages 中。图片从 dist/ 加载,样式表也是如此。 index.html 不在 dist 中,所以我不能使用相对路径,只能创建一个构建目录。我有点卡在这里。

更新:另一个应该部署的文件示例是jspm_packages/system.js。那在 jspm_packages 中,不在版本控制中。

我同意:jspm_packages 及其内容在开发期间可能不受源代码控制。

但这并不能阻止您在构建过程中部署这些工件。例如,我的可部署构建的输出目录如下所示:

/deploy
    /jspm_packages
        system.js
        system-polyfills.js
    app-bundle-vXXX-js
    config.js
    index.html
上面的

None在我正常的开发版本控制下。生成的任何其他内容(css 来自 SASS/LESS 等)和其他未包含在捆绑包中的第三方内容也是如此。

但这并不能阻止我生成上述 /deploy 输出的单独 built/released/deployed 版本(可能压缩或涂焦油准备转储到部署服务器上)如果我需要跟踪版本发布。理论上,我可以随时从版本化源重新创建构建,但我可能也想将版本化构建输出存储在某个地方。

很大程度上取决于您的发布管理方法。