我有一个包含6个视图(html)的项目.每个视图都有一个对应的视图模型(.js)和一个仅适用于该视图的样式表(.css)
aurelia-cli可以很好地通过我的文件递归递归并将所有.js和.css文件捆绑到几个文件中,以便在减少页面加载时间和大小的同时引用它们.因此,如果我有一个带welcome.html,welcome.js和welcome.css的欢迎文件夹,我可以使用以下内容加载welcome.html的CSS,<require from="./welcome.css"></require>并<head></head>在页面加载时将CSS注入到标记中.
问题是当我导航到下一个视图时,来自welcome.html/welcome.css的CSS规则仍然在<head>网页的标记内,因此仍然被强制执行.在我的应用程序中访问了所有6个视图后,我现在在<style>标记中有6个标记<head>,所有六个页面中的所有规则都在我去的每个页面上强制执行,直到刷新页面为止没有卸载.毋庸置疑,在访问了几页后,整个网站变得混乱垃圾.
所以我的问题是
如果我有一个10页的应用程序,其中包含全局样式表,bootstrap,动画css和字体真棒,那么在一天结束时,我会将14个冲突的样式永久注入到html中,其余的应用程序将被注入.
有什么建议？
javascript aurelia aurelia-binding aurelia-cli aurelia-bundling
使用Aurelia CLI,我运行au build --env prod是为了构建一个(我假设的是)生产包.
我认为复制index.html和scripts文件夹到Web服务器.
但是,从浏览器访问Web服务器时,我收到以下异常:
vendor-bundle.js:formatted:3912 GET http://ip_address/node_modules/aurelia-templating-resources/dist/amd/aurelia-templating-resources.js 404 (Not Found)
为什么奥里利亚-CLI的捆绑还是找文件node_modules从vendor-bundle.js？不是捆绑包含所有必要的部署文件的想法吗？
这是我的 aurelia.json
首先,我是Aurelia的新手,刚刚在我的开发服务器上完成了一个真实项目,我喜欢与需要PHP的WordPress同时运行.回到有角度1.x的日子里,我曾经将所有角度依赖关系和脚本吞入一个文件并将其传输到服务器,我认为Aurelia也是如此,但在这个问题上看起来更复杂.所以,如果有任何人遇到这个问题,那么任何帮助都会被批评,比如我如何将Aurelia项目移植到apache服务器而不通过节点提供服务.或者是否可以在同一台服务器上运行node和apache.