这是在运行任何这些命令的上下文中:
node_modules/.bin/au run --watch --env prod
node_modules/.bin/au run --watch
我们的run.ts
有以下内容。
let watch = function() {
gulp.watch(project.transpiler.source, refresh).on('change', onChange);
gulp.watch(project.markupProcessor.source, refresh).on('change', onChange);
gulp.watch(project.cssProcessor.source, refresh).on('change', onChange);
gulp.watch(project.sassProcessor.source, refresh).on('change', onChange);
}
观察者确实检测到HTML文件中的更改并重新加载页面。例如,当我们更改src\profile.html
时,我们会在命令行窗口中看到以下内容。
File Changed: src\profile.html
Starting 'readProjectConfiguration'...
Finished 'readProjectConfiguration'
Starting 'processMarkup'...
Starting 'processSass'...
Starting 'processCSS'...
Starting 'configureEnvironment'...
Finished 'configureEnvironment'
Starting 'buildTypeScript'...
Finished 'processCSS'
Finished 'processMarkup'
Finished 'buildTypeScript'
Finished 'processSass'
Starting 'writeBundles'...
writeBundlesTracing profile...
Writing app-bundle-5d7004f1cd.js...
Finished 'writeBundles'
Starting 'reload'...
Finished 'reload'
问题,更改未显示在浏览器窗口中。换句话说,Chrome会重新加载配置文件页面,但不会显示对HTML内容的任何更改。
答案 0 :(得分:4)
问题与设置aurelia.json
>有关。 build.options.rev
到true
。 GitHub仓库中存在相关问题。解决方法是按如下方式设置rev
:
"options": {
"minify": "stage & prod",
"sourcemaps": "dev & stage",
"rev": "stage & prod"
},
现在,在au run --watch
环境中运行dev
时,观察程序可以正常运行,但在stage
或prod
环境中运行时仍然无法运行。