const webpack = require('webpack') const ExtractTextPlugin = require('extract-text-webpack-plugin') const base = require('./base.config') const { resolve } = require('path') /* |-------------------------------------------------------------------------- | Webpack Client Config | | Generate public/dist/client-vendor-bundle.js | Generate public/dist/client-bundle.js | | In production, will generate public/dist/style.css |-------------------------------------------------------------------------- */ module.exports = function () { let config = base.call(this) // Entry config.entry.app = resolve(this.dir, '.nuxt', 'client.js') // Add vendors if (this.options.store) { config.entry.vendor.push('vuex') } config.entry.vendor = config.entry.vendor.concat(this.options.build.vendor) // Output config.output.path = resolve(this.dir, '.nuxt', 'dist') config.output.filename = this.options.build.filenames.app // Webpack plugins config.plugins = (config.plugins || []).concat([ // strip comments in Vue code new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(this.dev ? 'development' : 'production'), 'process.BROWSER': true }), // Extract vendor chunks for better caching new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: this.options.build.filenames.vendor }) ]) // Production client build if (!this.dev) { config.plugins.push( // Use ExtractTextPlugin to extract CSS into a single file new ExtractTextPlugin({ filename: this.options.build.filenames.css, allChunks: true }), // This is needed in webpack 2 for minifying CSS new webpack.LoaderOptionsPlugin({ minimize: true }), // Minify JS new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ) } return config }