AngularJS在哪里把所有的脚本标签位置

-1

我是AngularJS的新手。我在哪里放置所有.js文件，如模块，路线和控制器？AngularJS在哪里把所有的脚本标签位置

我找到了一些例子，但他们把它放在标签中。

像我现在这样的代码：

<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/data.js"></script> 
<script src="https://code.highcharts.com/modules/drilldown.js"></script> 
<script src="app/app.module.js"></script> 
<script src="app/app.routes.js"></script> 
<script src="app/components/home/homeController.js"></script> 
<script src="app/components/skills/skillsController.js"></script> 
</html>

这是正常的吗？或者是否有适当的方式来包含这些文件？

我听说过RequireJS。但有没有使用它的方法？

非常感谢。

问候，

尤里

来源

2017-03-06 Yuri

确实是正确的方法是使用一个的WebPack工具之前。 – fubbe

为什么不使用RequireJS？ – lin

您也可以按正常结束body标签</body>之前的文件 - 这是确定。

但更有效的方法是将文件打包成一个或几个组（库，核心，模块）并缩小。有更少的HTTP请求，所以你应该减少文件的数量。

捆绑您的文件，然后再缩小，您可以使用一饮而尽或的WebPack：

见与一饮而尽例如： https://github.com/jhades/angularjs-gulp-example

请参阅使用的WebPack例如： https://github.com/zombiQWERTY/angular-webpack-starter

来源

2017-03-06 07:52:15 Jarek

没有正确的答案。

有多种方式。其中一个正在使用<script>标签作为您的代码。其他选项是：

咕嘟咕嘟
咕嘟咕嘟+鲍尔
的WebPack
RequireJS
SystemJS

您还可以使用约曼与地方构建流水线脚手架项目。

来源

2017-03-06 07:57:51 Sangharsh

很少的提示，你应该选择哪些适用于你的应用。

毕竟你的应用程序标记，加载你的脚本。
您可以使用打包机，这里是我前段时间创建的启动项目gulp-browserify-starter。＃1仍然适用。
经历更多痛苦，并使用webpack将供应商和应用程序代码捆绑为不同的捆绑包。

好运

来源

2017-03-06 08:02:15 Perpetualcoder

你需要把所有您的JavaScript只是身体靠近标签，而不是头部

<html> 
<head></head> 
<body> 
....... 
....... 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/data.js"></script> 
<script src="https://code.highcharts.com/modules/drilldown.js"></script> 
<script src="app/app.module.js"></script> 
<script src="app/app.routes.js"></script> 
<script src="app/components/home/homeController.js"></script> 
<script src="app/components/skills/skillsController.js"></script> 
</body> 
</html>

来源

2017-03-06 08:02:53 Gaurav

AngularJS在哪里把所有的脚本标签位置

回答

相关问题