2018-03-16 19:52:17 +00:00
|
|
|
import path from 'path'
|
|
|
|
import fs from 'fs'
|
2018-03-16 16:12:06 +00:00
|
|
|
import webpack from 'webpack'
|
2018-11-15 22:02:55 +00:00
|
|
|
import escapeRegExp from 'lodash/escapeRegExp'
|
2018-03-16 16:12:06 +00:00
|
|
|
import nodeExternals from 'webpack-node-externals'
|
2018-03-16 19:52:17 +00:00
|
|
|
|
2018-10-24 16:55:18 +00:00
|
|
|
import WebpackBaseConfig from './base'
|
2018-03-16 19:52:17 +00:00
|
|
|
import VueSSRServerPlugin from './plugins/vue/server'
|
|
|
|
|
2018-10-24 16:55:18 +00:00
|
|
|
export default class WebpackServerConfig extends WebpackBaseConfig {
|
2018-03-22 14:06:54 +00:00
|
|
|
constructor(builder) {
|
|
|
|
super(builder, { name: 'server', isServer: true })
|
2018-11-15 22:02:55 +00:00
|
|
|
this.whitelist = this.normalizeWhitelist()
|
|
|
|
}
|
|
|
|
|
|
|
|
normalizeWhitelist() {
|
|
|
|
const whitelist = [
|
|
|
|
/\.css$/,
|
|
|
|
/\?vue&type=style/
|
|
|
|
]
|
|
|
|
for (const pattern of this.options.build.transpile) {
|
|
|
|
if (pattern instanceof RegExp) {
|
|
|
|
whitelist.push(pattern)
|
|
|
|
} else {
|
|
|
|
const posixModule = pattern.replace(/\\/g, '/')
|
|
|
|
whitelist.push(new RegExp(escapeRegExp(posixModule)))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return whitelist
|
2018-03-22 14:06:54 +00:00
|
|
|
}
|
2016-11-25 14:37:06 +00:00
|
|
|
|
2018-08-22 14:24:47 +00:00
|
|
|
devtool() {
|
2018-10-12 22:31:19 +00:00
|
|
|
return 'cheap-module-inline-source-map'
|
2018-08-22 14:24:47 +00:00
|
|
|
}
|
|
|
|
|
2018-03-22 14:06:54 +00:00
|
|
|
env() {
|
|
|
|
return Object.assign(super.env(), {
|
|
|
|
'process.env.VUE_ENV': JSON.stringify('server'),
|
|
|
|
'process.browser': false,
|
|
|
|
'process.client': false,
|
|
|
|
'process.server': true
|
|
|
|
})
|
|
|
|
}
|
2018-01-04 23:34:20 +00:00
|
|
|
|
2018-08-22 14:24:47 +00:00
|
|
|
optimization() {
|
|
|
|
return {
|
|
|
|
splitChunks: false,
|
|
|
|
minimizer: []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-22 14:06:54 +00:00
|
|
|
plugins() {
|
|
|
|
const plugins = super.plugins()
|
|
|
|
plugins.push(
|
2017-04-27 08:54:18 +00:00
|
|
|
new VueSSRServerPlugin({
|
2017-03-22 14:47:34 +00:00
|
|
|
filename: 'server-bundle.json'
|
|
|
|
}),
|
2018-03-22 14:06:54 +00:00
|
|
|
new webpack.DefinePlugin(this.env())
|
|
|
|
)
|
|
|
|
return plugins
|
|
|
|
}
|
2017-06-15 22:19:53 +00:00
|
|
|
|
2018-03-22 14:06:54 +00:00
|
|
|
config() {
|
2018-08-16 17:14:26 +00:00
|
|
|
const config = super.config()
|
2018-03-22 14:06:54 +00:00
|
|
|
|
|
|
|
Object.assign(config, {
|
|
|
|
target: 'node',
|
|
|
|
node: false,
|
2018-08-22 14:24:47 +00:00
|
|
|
entry: {
|
|
|
|
app: [path.resolve(this.options.buildDir, 'server.js')]
|
|
|
|
},
|
2018-03-22 14:06:54 +00:00
|
|
|
output: Object.assign({}, config.output, {
|
|
|
|
filename: 'server-bundle.js',
|
|
|
|
libraryTarget: 'commonjs2'
|
|
|
|
}),
|
|
|
|
performance: {
|
|
|
|
hints: false,
|
|
|
|
maxAssetSize: Infinity
|
|
|
|
},
|
2018-08-22 14:24:47 +00:00
|
|
|
externals: []
|
2018-03-22 14:06:54 +00:00
|
|
|
})
|
|
|
|
|
|
|
|
// https://webpack.js.org/configuration/externals/#externals
|
|
|
|
// https://github.com/liady/webpack-node-externals
|
2018-05-02 08:27:26 +00:00
|
|
|
// https://vue-loader.vuejs.org/migrating.html#ssr-externals
|
2018-08-06 00:12:44 +00:00
|
|
|
this.options.modulesDir.forEach((dir) => {
|
2018-03-22 14:06:54 +00:00
|
|
|
if (fs.existsSync(dir)) {
|
|
|
|
config.externals.push(
|
|
|
|
nodeExternals({
|
2018-11-15 22:02:55 +00:00
|
|
|
whitelist: this.whitelist,
|
2018-03-22 14:06:54 +00:00
|
|
|
modulesDir: dir
|
|
|
|
})
|
|
|
|
)
|
|
|
|
}
|
2016-12-27 13:54:10 +00:00
|
|
|
})
|
2018-03-22 14:06:54 +00:00
|
|
|
|
2018-09-10 08:27:01 +00:00
|
|
|
return config
|
2018-03-22 14:06:54 +00:00
|
|
|
}
|
2016-11-09 22:59:41 +00:00
|
|
|
}
|