You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.7 KiB
44 lines
1.7 KiB
const webpack = require('webpack')
|
|
const { merge } = require('webpack-merge');
|
|
const base = require('./webpack.base.config')
|
|
const nodeExternals = require('webpack-node-externals')
|
|
const VueSSRServerPlugin = require('vue-server-renderer/server-plugin')
|
|
|
|
module.exports = merge(base, {
|
|
mode: process.env.NODE_ENV || "development",
|
|
// 这允许 webpack 以 Node 适用方式(Node-appropriate fashion)处理动态导入(dynamic import)，
|
|
// 并且还会在编译 Vue 组件时，
|
|
// 告知 `vue-loader` 输送面向服务器代码(server-oriented code)。
|
|
target: 'node',
|
|
// 对 bundle renderer 提供 source map 支持
|
|
devtool: '#source-map',
|
|
// 将 entry 指向应用程序的 server entry 文件
|
|
entry: './src/entry-server.js',
|
|
// 此处告知 server bundle 使用 Node 风格导出模块(Node-style exports)
|
|
output: {
|
|
filename: 'server-bundle.js',
|
|
libraryTarget: 'commonjs2'
|
|
},
|
|
// https://webpack.js.org/configuration/externals/#function
|
|
// https://github.com/liady/webpack-node-externals
|
|
// 外置化应用程序依赖模块。可以使服务器构建速度更快，
|
|
// 并生成较小的 bundle 文件。
|
|
externals: nodeExternals({
|
|
// do not externalize CSS files in case we need to import it from a dep
|
|
allowlist : [/\.css$/, /\?vue&type=style/]
|
|
}),
|
|
|
|
// 这是将服务器的整个输出
|
|
// 构建为单个 JSON 文件的插件。
|
|
// 默认文件名为 `vue-ssr-server-bundle.json`
|
|
plugins: [
|
|
new webpack.optimize.LimitChunkCountPlugin({
|
|
maxChunks: 1
|
|
}),
|
|
new webpack.DefinePlugin({
|
|
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
|
|
'process.env.VUE_ENV': '"server"'
|
|
}),
|
|
new VueSSRServerPlugin()
|
|
]
|
|
})
|