Use webpack to require files

app/assets/javascripts/vue_pipelines_index/index.js.es6

@@ -6,8 +6,6 @@ require('../vue_shared/vue_resource_interceptor');
 require('./pipelines');
 $(() => {
-  Vue.use(VueResource);
-
   return new Vue({
     el: document.querySelector('.vue-pipelines-index'),

app/assets/javascripts/vue_pipelines_index/pipelines.js.es6

 /* global Vue, gl */
 /* eslint-disable no-param-reassign */
-//= require vue_shared/components/table_pagination
-//= require ./store.js.es6
-//= require vue_shared/components/pipelines_table
+window.Vue = require('vue');
+require('../vue_shared/components/table_pagination');
+require('./store');
+require('../vue_shared/components/pipelines_table');
 ((gl) => {
   gl.VuePipelines = Vue.extend({

app/assets/javascripts/vue_pipelines_index/time_ago.js.es6

 /* global Vue, gl */
 /* eslint-disable no-param-reassign */
-//= require lib/utils/datetime_utility
+window.Vue = require('vue');
+require('../lib/utils/datetime_utility');
 ((gl) => {
   gl.VueTimeAgo = Vue.extend({

app/assets/javascripts/vue_shared/components/pipelines_table.js.es6

 /* eslint-disable no-param-reassign */
 /* global Vue */
-//= require ./pipelines_table_row
-
+window.Vue = require('vue');
+require('./pipelines_table_row');
 /**
  * Pipelines Table Component.
  *

app/assets/javascripts/vue_shared/components/pipelines_table_row.js.es6

 /* eslint-disable no-param-reassign */
 /* global Vue */
-//= require vue_pipelines_index/status
-//= require vue_pipelines_index/pipeline_url
-//= require vue_pipelines_index/stage
-//= require vue_shared/components/commit
-//= require vue_pipelines_index/pipeline_actions
-//= require vue_pipelines_index/time_ago
-
+window.Vue = require('vue');
+require('../../vue_pipelines_index/status');
+require('../../vue_pipelines_index/pipeline_url');
+require('../../vue_pipelines_index/stage');
+require('../../vue_pipelines_index/pipeline_actions');
+require('../../vue_pipelines_index/time_ago');
+require('./commit');
 /**
  * Pipeline table row.
  *

spec/javascripts/commit/pipelines/pipelines_spec.js.es6

 /* global pipeline, Vue */
-//= require vue
-//= require vue-resource
-//= require flash
-//= require commit/pipelines/pipelines_store
-//= require commit/pipelines/pipelines_service
-//= require commit/pipelines/pipelines_table
-//= require vue_shared/vue_resource_interceptor
-//= require ./mock_data
+require('vue-resource');
+require('flash');
+require('~/commit/pipelines/pipelines_store');
+require('~/commit/pipelines/pipelines_service');
+require('~/commit/pipelines/pipelines_table');
+require('~vue_shared/vue_resource_interceptor');
+require('./mock_data');
 describe('Pipelines table in Commits and Merge requests', () => {
   preloadFixtures('pipelines_table');

spec/javascripts/commit/pipelines/pipelines_store_spec.js.es6

-//= require vue
-//= require commit/pipelines/pipelines_store
+require('~commit/pipelines/pipelines_store');
 describe('Store', () => {
   const store = gl.commits.pipelines.PipelinesStore;

spec/javascripts/vue_shared/components/pipelines_table_row_spec.js.es6

 /* global pipeline */
-//= require vue
-//= require vue_shared/components/pipelines_table_row
-//= require commit/pipelines/mock_data
+require('~vue_shared/components/pipelines_table_row');
+require('./mock_data');
 describe('Pipelines Table Row', () => {
   let component;

spec/javascripts/vue_shared/components/pipelines_table_spec.js.es6

 /* global pipeline */
-//= require vue
-//= require vue_shared/components/pipelines_table
-//= require commit/pipelines/mock_data
-//= require lib/utils/datetime_utility
+require('~vue_shared/components/pipelines_table');
+require('~lib/utils/datetime_utility');
+require('./mock_data');
 describe('Pipelines Table', () => {
   preloadFixtures('static/environments/element.html.raw');