# 相关配置版本：
laravel 5.1 LTS
laravel-elixir 3
vue 1.0.26
vue-router 2.0.0
vue-resources 1.0.3

Use browserify that comes with laravel-elixir to compile vue, vue-router, vue-resourceAfter successfully outputting the js file, an error is reported when using it: Uncaught TypeError: Cannot read property 'use' of undefined

The compiled js file is partially as follows:

var Vue = require("vue");
var VueRouter = require('vue-router');
var VueResource = require('vue-resource');

Vue.use(VueRouter);
Vue.use(VueResource);

gulpfile.js
// 局部
elixir(function(mix) {
    mix.browserify('index.js', 'public/dist/js/index.js');
    mix.browserify('new.js', 'public/dist/js/new.js');
});

Problem:
The two files compiled above depend on the same require configuration. Index.js can be used, but new.js will report an error. Check each dependency separately through console.log(). Vue in new.js is undefined. I don’t know if it is possible. What's the reason, or how to find out where the problem is?

In addition, how to make vue These dependencies only need to be loaded once, and do not need to be packaged together in the file. I configured browser-shim, but it seems to have no effect. I don’t know why. I used it wrong or something:

package.json
"browserify": {
    "transform": [
      "vueify",
      "browserify-shim",
      "stringify"
    ]
  },
  "browserify-shim": {
    "bootstrap-sass": {
      "depends": [
        "jquery:jQuery"
      ]
    },
    "vue": "global:Vue"
  }