实际上,我想在服务器上构建我的项目。问题在于,在构建过程完成之前,构建过程会删除dist文件夹。如果在构建项目时出现任何错误,网站就会崩溃。我希望只有在成功构建后才能删除dist文件夹,或将其移动到另一个文件夹。
实际上,我想在服务器上构建我的项目。问题在于,在构建过程完成之前,构建过程会删除dist文件夹。如果在构建项目时出现任何错误,网站就会崩溃。我希望只有在成功构建后才能删除dist文件夹,或将其移动到另一个文件夹。
const path = require('path');
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'build/dist'),
filename: 'bundle.js'
},
}
const path = require('path');
const webpackNodeExternals = require('webpack-node-externals');
module.exports = {
mode: 'development',
target: 'node',
entry: './server/index.js',
output: {
path: path.resolve(__dirname),
filename: 'server.js'
},
}
"scripts": {
"start": "react-scripts start && webpack-dev-server",
"cleanBuild": "rimraf ./build/*",
"build": "npm run cleanBuild && set \"GENERATE_SOURCEMAP=false\" && react-scripts build",
"server-build": "webpack --config webpack.build.config.js && webpack --config webpack.server.config.js",
"serve:ssr": "node server.js"
},
步骤4:进行构建
首先,构建普通版本,运行npm run build
。
其次,构建SSR版本,运行npm run server-build
。
最后,通过使用node server.js
和npm run start
来运行SSR代码和普通代码。