发布有两种方式:
第一种:静态服务器工具包
npm run build
npm install -g server
server 打包的项目名
访问:http://localhost:5000
第二种:动态web服务器
1、注意需要配置config文件夹下的inde.js的assetspublicPath值
build: {
// 这个地方将dist改成项目名就可以了
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
//这个目录改成./,表示在dist文件夹下,默认是/
assetsPublicPath: './',
productionSourceMap: false,
devtool: '#source-map',
productionGzip: false,
productionGzipExtensions: ['js', 'css'],
bundleAnalyzerReport: process.env.npm_config_report
}
这个不改的话,运行index.html很有可能因为路径问题而造成只显示一片空白。
然后在控制台执行npm run build,之后就会生成出来一个dist文件夹。
将这个文件夹复制到tomcat的webapp目录下,启动tomcat,然后方法该文件夹下的index.html就可以了。
2、也可以修改build中的webpack.prod.conf.js的内容
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
output:{
//打包的项目名称
publicPath:'/项目名/'
}
},