Question

我按照简短的教程在我的应用程序中安装了一个html模板缓存包：laravel-elixir-ng-templates我完全按照show安装和配置它，但现在当我尝试运行gulp时，我收到以下错误：

这是我的gulpfile.js：

var elixir = require('laravel-elixir');

require('laravel-elixir-sass-compass');
require('laravel-elixir-ng-templates');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.compass('app.scss');

    mix.styles([
            '/bootstrap/dist/css/bootstrap.min.css',
            '/bootstrap-material-design/dist/css/bootstrap-material-design.min.css',
            '/bootstrap-material-design/dist/css/ripples.min.css',
            '/angular-loading-bar/build/loading-bar.min.css',
            '/angular-perfect-scrollbar/src/perfect-scrollbar.css',
            '/snapjs/snap.css',
            '/angular-snap/angular-snap.min.css',
            '/font-awesome/css/font-awesome.min.css'
        ],
        'public/css/bower.css',
        'resources/assets/bower');

    mix.scripts([
            '/jquery/dist/jquery.js',
            '/angular/angular.js',
            '/bootstrap/dist/js/bootstrap.js',
            '/bootstrap-material-design/dist/js/material.js',
            '/bootstrap-material-design/dist/js/ripples.min.js',
            '/angular-ui-router/release/angular-ui-router.min.js',
            '/oclazyload/dist/ocLazyLoad.min.js',
            '/satellizer/satellizer.js',
            '/angular-loading-bar/build/loading-bar.min.js',
            '/angular-perfect-scrollbar/src/angular-perfect-scrollbar.js',
            '/snapjs/snap.min.js',
            '/angular-snap/angular-snap.min.js'
        ],
        'public/js/bower.js',
        'resources/assets/bower');

    mix.scripts([
            '/core/app.js',
            '/core/app.routes.js',
            '/controllers/ctrls.js',
            '/controllers/app.ctrl.js',
            '/controllers/auth.ctrl.js',
            '/directives/directives.js',
            '/directives/route-css-classes.js'
        ],
        'public/js/app.js',
        'resources/assets/app');

    mix.ngTemplates('resources/assets/app/views/**/*.html', 'public/js/templates.js', {
        filename: 'templates.js',
        root: 'tpls/',
        module: 'tpls'
    });

});

现在我对gulp和elixir都很陌生，所以我可能在这里做错了，虽然我不知道是什么。

Answer 1

简单， Laravel 混合使用jQuery autoloading开箱即用。您尝试编译其他JavaScript文件之前，只需调用mix.autoload即可。

例如：

mix.autoload({ 'jquery': ['window.$', 'window.jQuery'] }); 
mix.js('resources/assets/js/app.js', 'public/js') 
   .sass('resources/assets/sass/app.scss', 'public/css');

我认为 elixir 也是如此。试着找到一种如何在灵药中调用autoload函数的方法。

mix.ngTemplates不是一个函数（）

1 个答案: