与 aurelia/skeleton-navigation 不同的 Aurelia CLI 项目结构答案

【问题标题】：Different Aurelia CLI project structure than aurelia/skeleton-navigation与 aurelia/skeleton-navigation 不同的 Aurelia CLI 项目结构
【发布时间】：2016-12-23 20:07:08
【问题描述】：

在 Aurelia 从这里发布之前，我使用启动工具包构建了我的应用程序： https://github.com/aurelia/skeleton-navigation

但是当 Aurelia 发布时，我想检查 au new --myApp，它的结构和构建方法与骨架不同。

最好的方法是什么，继续使用骨架模板或移至 CLI 模板。

谢谢...

【问题讨论】：

没有最好的方法，目前 CLI 对我来说不够稳定，所以我使用 JSPM (ESNext) 框架。你可以选择任何你喜欢的。对我来说，使用 Gulp 的 JSPM 是最简单的解决方案，因为我有这方面的经验。其他人会更喜欢 webpack，初学者可能会认为 CLI 易于学习。
查看 au cli 的新版本，新功能很棒。

标签： aurelia

【解决方案1】：

这个问题的答案有点晚（但时间正确）。 Aurelia CLI 现在相当稳定，支持使用 Javascript 和 Typescript 生成应用程序，可选择 RequireJS 或 System.js（Webpack 支持即将推出）。

骨架和CLI项目的区别如下：

骷髅

骨架是厨房水槽示例，展示了测试、路由、使用 API，并附带了 Bootstrap 和 Font Awesome 等其他库。如果您想使用 Webpack，骨架也是目前（截至 2017 年 7 月）的唯一选择，但 CLI 将在以后支持 Webpack。

Aurelia CLI

CLI 是一个干净的起点，可让您做出自己的选择，例如；如果你想测试，你使用什么代码编辑器等等。生成的项目结构没有配置路由，没有从 API 获取数据的示例或您在骨架中获得的任何其他内容。首次运行 CLI 项目时，它只会显示“Hello world”，仅此而已。

如果您有信心使用文档并喜欢从无到有构建应用程序的想法，那么 CLI 适合您。您还可以获得生成器函数的便利，这些函数允许您快速引导新的自定义元素、组件、值转换器等。

【讨论】：

【解决方案2】：

aurelia-cli 的最后一个版本非常完整，所以我认为如果您不需要非常定制的结构，应该通过 CLI 生成您的项目。以下是生成基础项目时必须使用的一些当前选项：

Global aurelia-cli v1.3.1
                      _ _          ____ _     ___
  __ _ _   _ _ __ ___| (_) __ _   / ___| |   |_ _|
 / _` | | | | '__/ _ \ | |/ _` | | |   | |    | |
| (_| | |_| | | |  __/ | | (_| | | |___| |___ | |
 \__,_|\__,_|_|  \___|_|_|\__,_|  \____|_____|___|

? Would you like to use the default setup or customize your choices? … 
❯ Default ESNext App 
  A basic app with Babel and Webpack.
  Default TypeScript App 
  A basic app with TypeScript and Webpack.
  Custom App 
  Select bundler, loader, transpiler, CSS pre-processor and more.

当然，您也可以通过 CLI 自定义您的偏好：

✔ Would you like to use the default setup or customize your choices? · Custom App
? Which bundler would you like to use? … 
❯ Webpack 
  A powerful and popular bundler for JavaScript.
  CLI's built-in bundler with an AMD module loader 
  Provides similar capabilities but with a much simpler configuration.

在简历中，您可以配置加载器、CSS 处理器、测试框架，即使您需要 Dockerfile。

✔ Would you like to use the default setup or customize your choices? · Custom App
✔ Which bundler would you like to use? · Webpack
✔ Which HTTP Protocol do you wish the outputted Webpack bundle to be optimised for? · HTTP/1.1
✔ What platform are you targeting? · Web
✔ What transpiler would you like to use? · Babel
✔ How would you like to setup your HTML template? · None
✔ What css preprocessor would you like to use? · Sass
✔ Do you want to add PostCSS processing · Basic
✔ Which unit test runner would you like to use? · Karma + Jasmine
✔ Would you like to configure integration testing? · Cypress
✔ What is your default code editor? · None
✔ Which features do you want scaffolded into your project? · Navigation App
✔ Would you like to add a Dockerfile? · Sure, yes

【讨论】：