Javascript 包含AngularJS的最优雅方式_Javascript_Angularjs_Firefox Os

Javascript 包含AngularJS的最优雅方式

javascript angularjs

Javascript 包含AngularJS的最优雅方式,javascript,angularjs,firefox-os,Javascript,Angularjs,Firefox Os,目前，我将所有JavaScript文件都包含在html的部分 <!DOCTYPE html> <html data-ng-csp> <head>  <script src="js/lib/wiki2html.min.js"></script> <script src="js/lib/es6-promise.min.js"></s

目前，我将所有JavaScript文件都包含在html的

部分

<!DOCTYPE html>
<html data-ng-csp>
    <head>
        <!-- ... -->
        <script src="js/lib/wiki2html.min.js"></script>
        <script src="js/lib/es6-promise.min.js"></script>
        <script src="js/lib/l10n.min.js"></script>
        <script src="js/lib/angular.min.js"></script>
        <script src="js/lib/angular-route.min.js"></script>
        <script src="js/lib/angular-sanitize.min.js"></script>
        <script src="js/lib/angular-touch.min.js"></script>
        <script src="js/wrapper-indexeddb.js"></script>
        <script src="js/wrapper-devicestorage.js"></script>
        <script src="js/util.js"></script>
        <script src="js/app.js"></script>
        <script src="js/app-services.js"></script>
        <script src="js/app-directives.js"></script>
        <script src="js/app-controllers.js"></script>
    </head>
    <body data-ng-app="FireDict">
        <!-- ... -->
    </body>
</html>

我曾考虑将构建和打包工具与

require.js

或browserify等工具一起使用，但我的大多数依赖项都不是作为npm模块或requirejs定义提供的。我以前从未使用过任何js构建工具，但如果不是所有依赖项都采用正确的模块化/打包格式，那么这似乎需要做很多工作

包含AngularJS和我正在使用的其他脚本的最优雅的方式是什么？

一些背景：我正在为基于AngularJS的Firefox操作系统编写一个webapp。（我之前在这里描述的ngCsp的问题是由于我不知道

angular csp.css

。我只是忘了包括它。）

我想再看一下RequireJS。使用RequireJS，并非所有软件包都需要格式化为AMD模块。在RequireJS（AMD）中没有依赖项的情况下在您的RequireJS配置中，您可以改为使用格式来处理这些依赖项。

为什么不使用构建工具并对所有内容进行压缩/缩小？@Yang Li：事实是：如果我不必在对代码进行每一次小小的更改后重新构建所有内容，那么调试这些内容就会容易得多。这就是为什么我不把每件事都缩小。此外，我必须深入研究JS构建工具等，但你可能是对的。顺便说一句，连接所有东西并不能解决我关于

data ng csp

指令的问题。我试过了！这个问题真的很神秘…我使用bower安装JS依赖项，并通过一个gulp任务将它们注入页面。但是我的依赖项都没有使用AMD格式。我不明白这在任何方面都是多么优雅？！--看一看可能更有意义。对于非AMD格式写入的模块，如果您希望该模块的require语句返回模块全局变量，或者该模块具有需要在加载之前加载的依赖库，则只需添加垫片。