Question

希望这是世界上最简单的问题，但我无法通过谷歌找到它。 Aurelia的默认结构是这样的 -

node_modules/
jspm_packages/
src/
  app.html
  app.ts
config.js
index.html
package.json
tsconfig.json

我不喜欢这样，因为我不希望我的可构建源文件与package.json，tsconfig.json和所有node_modules等开发文件一起使用。另外，我使用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以使用我想要的项目结构？

Answer 1

更新build/paths.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中设置main.js属性中的aurelia-app。像这样：

<body aurelia-app="app/main">

关闭gulp watch任务（如果正在运行）并再次运行。

希望它有所帮助！

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

1 个答案: