Angularjs 拉维长生不老药

伙计们！ 我的项目基于Laravel框架。对于使用Angular的主站点，但对于管理面板，需要vue

我找到了这个包裹 所有配置。包裹上有这个大袋

const elixir = require('laravel-elixir');
require('laravel-elixir-eslint');
require('./tasks/swPrecache.task.js');
require('./tasks/bower.task.js');
elixir.config.assetsPath = './';
elixir.config.css.folder = 'angular';
elixir.config.css.sass.folder = 'angular';
elixir.config.js.folder = 'angular';
 let assets = [
         'public/js/final.js',
         'public/css/final.css'
     ],enter code here
     scripts = [
         'public/js/vendor.js', 'public/js/app.js'
     ],
     styles = [
         './public/css/vendor.css', './public/css/app.css'
     ],
     karmaJsDir = [
         'public/js/vendor.js',
         'node_modules/angular-mocks/angular-mocks.js',
         'node_modules/ng-describe/dist/ng-describe.js',
         'public/js/app.js',
         'tests/angular/**/*.spec.js'
     ];
elixir(mix => {
    mix.bower()
       .copy('angular/app/**/*.html', 'public/views/app/')
       .copy('angular/dialogs/**/*.html', 'public/views/dialogs/')
       .webpack('index.main.js', 'public/js/app.js')
       .sass(['**/*.scss', 'critical.scss'], 'public/css')
       .sass('critical.scss', 'public/css/critical.css')
       .styles(styles, 'public/css/final.css')
       .eslint('angular/**/*.js')
       .combine(scripts, 'public/js/final.js')
       .version(assets)
       .swPrecache();
});

我有webpack.config文件

module.exports = {
    // configuration
    entry: "./angular/index.main.js",
    module: {
        loaders: [{
            test: /\.js$/,
            loaders: ['ng-annotate','babel?presets[]=es2015'],
            exclude: /node_modules/,
        }]
    }
};

当我尝试从assets/js编译vue文件时，我使用angular而不是vue。有全局配置吗

---

或者我如何分别为angular和vue使用gulp？

如果angular在

.js

和vue在

.vue

中，webpack已经能够通过扩展区分它们，然后应用不同的加载程序，您只需要将上述gulp任务与默认的laravel vue任务合并，因此，

gulp

和

gulp watch

都可以构建angular和vue文件。如果angular在

.js

中，vue在

.vue

中，webpack已经能够通过扩展来区分它们，然后应用不同的加载程序，您只需要将上述gulp任务与默认的laravel vue任务合并，因此，

gulp

和

gulpwatch

同时构建angular和vue文件。