AngularJS库彼此冲突

时间:2016-11-22 11:21:11

标签: angularjs gulp laravel-elixir

我使用gulp组合我的脚本,以便只加载一个HTML文件(加快速度)。

以下是一个示例代码,图书馆的名称并不重要,您会明白这一点:

// gulpfile.js
mix.scripts([
        'vendor/jquery-2.1.1.min.js',
        'vendor/angular.js',
        'vendor/slideout.min.js',
        'vendor/dirPaginate.js',
        'vendor/cookie.js'
    ], 'public/js/libs.js');

然后我这样做:

// app.js
let app = angular.module('app', ['angular-slideout', 'cookie', 'dir-paginate'], function ($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});
export default app;

我只使用一个文件加载项目中的每个NG库,然后在我的控制器中导入这个应用程序。现在这只是一个例子,但我已经有了冲突,具体取决于混合这些脚本的顺序。

有关处理此事的任何建议吗?我已经不得不放弃一些我想使用的库,因为它们与其他库存冲突。继续这样,这看起来像死路一条。

0 个答案:

没有答案