javascript-完成aurelia应用程序

我目前正在准备发布我的第一个基于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 / dir,它现在包含捆绑的文件(由aurelia-bundler制造)以及我的静态资产(对css,优化的图像和缩小的json文件更少),还包括用于dev的源文件. (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

以上都不是我正常的开发版本控制.其他产生的任何东西(来自SASS / LESS的CSS等)和未包含在捆绑包中的其他第三方物品也是如此.

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

在很大程度上取决于您的版本管理方法.

标签：jspm,gulp,aurelia,javascript
来源： https://codeday.me/bug/20191119/2036347.html