Fatal编程技术网
  • aurelia/
  • 如何将Aurelia源目录从Src更改为App

如何将Aurelia源目录从Src更改为App

aurelia

如何将Aurelia源目录从Src更改为App,aurelia,Aurelia,希望这是世界上最简单的问题，但我在谷歌的任何地方都找不到。Aurelia的默认结构如下所示- node_modules/ jspm_packages/ src/ app.html app.ts config.js index.html package.json tsconfig.json 我不喜欢这样，因为我不希望我的可构建源文件与开发文件（如package.json、tsconfig.json）以及所有node\u模块）共存。此外，我正在使用gulp，因此它变得更加混乱。下面是我想如

希望这是世界上最简单的问题，但我在谷歌的任何地方都找不到。Aurelia的默认结构如下所示-

node_modules/
jspm_packages/
src/
  app.html
  app.ts
config.js
index.html
package.json
tsconfig.json
我不喜欢这样，因为我不希望我的可构建源文件与开发文件（如
package.json
、
tsconfig.json
）以及所有
node\u模块
）共存。此外，我正在使用gulp，因此它变得更加混乱。下面是我想如何构造我的应用程序-

gulp-tasks/
node_modules/
src/
  app/
    components/
    app.html
    app.ts
  bower_components/
  jspm_packages/
  config.js
  index.html
gulpfile.js
package.json
tsconfig.json
但这就像Aurelia是硬编码来查找
src/
。我已更新配置以查找
app/app.html
，但我认为它正在查找
src/app/app.html
。如何更新Aurelia以使用我想要的项目结构？

更新
build/path.js
：

var appRoot = 'src/app';
var outputRoot = 'src/dist/';
//... leave unmodified
在src/app/内创建一个
main.js
文件：

//ES6/7
export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();

  aurelia.start().then(() => aurelia.setRoot('app/app'));
}

//TypeScript
import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia): void {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();

  aurelia.start().then(() => aurelia.setRoot('app/app'));
}
在
index.html
中，在
aurelia app
属性中设置
main.js
。像这样：

<body aurelia-app="app/main">
关闭gulp watch任务（如果正在运行）并再次运行

希望有帮助

更新
构建/path.js
：

var appRoot = 'src/app';
var outputRoot = 'src/dist/';
//... leave unmodified
在src/app/内创建一个
main.js
文件：

//ES6/7
export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();

  aurelia.start().then(() => aurelia.setRoot('app/app'));
}

//TypeScript
import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia): void {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();

  aurelia.start().then(() => aurelia.setRoot('app/app'));
}
在
index.html
中，在
aurelia app
属性中设置
main.js
。像这样：

<body aurelia-app="app/main">
关闭gulp watch任务（如果正在运行）并再次运行

希望有帮助

您是否尝试过在（通常）
main.js
文件中设置根组件？查看“呈现根组件”您是否尝试在（通常）
main.js
文件中设置根组件？查看“呈现根组件”，感谢您的回复！现在它看起来像是在自动查找
main.js
，但我使用的是
main.ts
。我想玩一会儿，但不管怎样，你都回答了我的问题，所以谢谢你。现在我想起来了，这可能是一个更深层次的问题。我需要编译我的ts吗？或者aurelia会帮我编译吗？老实说，我从来没有在TypeScript中使用过aurelia，但我相信每次你更改文件时，gulp任务都会为你编译谢谢你的回复！现在它看起来像是在自动查找
main.js
，但我使用的是
main.ts
。我想玩一会儿，但不管怎样，你都回答了我的问题，所以谢谢你。现在我想起来了，这可能是一个更深层次的问题。我需要编译我的ts吗？或者aurelia会为我编译吗？老实说，我从来没有在TypeScript中使用aurelia，但我相信每次更改文件时，gulp任务都会为您编译