Nuxt/lib/build/webpack/client.config.js

77 lines
2.2 KiB
JavaScript
Raw Normal View History

'use strict'
2016-11-25 14:37:06 +00:00
const _ = require('lodash')
2016-11-07 01:34:58 +00:00
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
2016-12-09 17:54:17 +00:00
const base = require('./base.config.js')
const { resolve } = require('path')
2016-11-07 01:34:58 +00:00
/*
|--------------------------------------------------------------------------
| 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)
2016-11-07 01:34:58 +00:00
// 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
2016-11-25 14:37:06 +00:00
// env object defined in nuxt.config.js
let env = {}
_.each(this.options.env, (value, key) => {
env['process.env.' + key] = (typeof value === 'string' ? JSON.stringify(value) : value)
})
// Webpack plugins
config.plugins = (config.plugins || []).concat([
2016-11-07 01:34:58 +00:00
// strip comments in Vue code
2016-11-25 14:37:06 +00:00
new webpack.DefinePlugin(Object.assign(env, {
'process.env.NODE_ENV': JSON.stringify(this.dev ? 'development' : 'production'),
2016-11-24 00:46:20 +00:00
'process.BROWSER_BUILD': true,
'process.SERVER_BUILD': false
2016-11-25 14:37:06 +00:00
})),
// Extract vendor chunks for better caching
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
filename: this.options.build.filenames.vendor
2016-11-07 01:34:58 +00:00
})
])
// 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
2016-11-07 01:34:58 +00:00
}