'use strict' const vueLoaderConfig = require('./vue-loader.config') const { defaults } = require('lodash') const { join } = require('path') const { urlJoin } = require('../../utils') /* |-------------------------------------------------------------------------- | Webpack Shared Config | | This is the config which is extended by the server and client | webpack config files |-------------------------------------------------------------------------- */ module.exports = function () { const nodeModulesDir = join(__dirname, '..', 'node_modules') let config = { devtool: 'source-map', entry: { vendor: ['vue', 'vue-router', 'vue-meta', 'es6-promise', 'es6-object-assign'] }, output: { publicPath: urlJoin(this.options.router.base, '/_nuxt/') }, performance: { hints: (this.dev ? false : 'warning') }, resolve: { extensions: ['.js', '.json', '.vue'], // Disable for now alias: { '~': join(this.srcDir), 'static': join(this.srcDir, 'static'), // use in template with '~static': join(this.srcDir, 'static'), 'assets': join(this.srcDir, 'assets'), // use in template with '~assets': join(this.srcDir, 'assets'), '~plugins': join(this.srcDir, 'plugins'), '~store': join(this.srcDir, 'store'), '~router': join(this.dir, '.nuxt/router'), '~pages': join(this.srcDir, 'pages'), '~components': join(this.srcDir, 'components') }, modules: [ nodeModulesDir, join(this.dir, 'node_modules') ] }, resolveLoader: { modules: [ nodeModulesDir, join(this.dir, 'node_modules') ] }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', query: vueLoaderConfig.call(this) }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, query: defaults(this.options.build.babel, { presets: [ ['es2015', { modules: false }], 'stage-2' ], cacheDirectory: !!this.dev }) } ] }, plugins: this.options.build.plugins } // Add nuxt build loaders (can be configured in nuxt.config.js) config.module.rules = config.module.rules.concat(this.options.build.loaders) // Return config return config }