Full-Stack Vue.js 2 and Laravel 5

Modules
A solution to the dependency management problem is to use a module system,
such as CommonJS or native ES modules. These systems allow JavaScript code
to be modularized and imported into other files.
Here is a CommonJS example: // moduleA.js module.exports = function(value) {
return value * 2; }
// moduleB.js var multiplyByTwo = require('./moduleA');
console.log(multiplyByTwo(2));
// Output: 4
And here is a Native ES modules example: // moduleA.js export default
function(value) { return value * 2; }
// moduleB.js import multiplyByTwo from './moduleA';
console.log(multiplyByTwo(2));
// Output: 4
The problem is that CommonJS cannot be used in a browser (it was designed for
server-side JavaScript) and native ES modules are only now getting browser
support. If we want to use a module system in a project, we'll need a build tool:
Webpack.