Vue - Tomcat 与 Vue2 搭建简单测试环境

Shell 脚本

脚本说明：

1. 进入 vue2 工程目录
2. 进行 工程 build
3. 复制 build 结果到 tomcat 下 测试路径

webpack-tomcat.sh

#! /bin/bash
echo '------ build start ------'

cd ~/sahc/sources/Etag_App/insurance_web/
npm run build
cp -r dist/. ~/java/tomcat/webapps

echo '------ build copy end -----'

webpack 注意修改 build 输出路径

build: {
    env: require('./prod.env'),
    // 输出 index.html 路径
    index: path.resolve(__dirname, '../dist/index/index.html'),
    // 输出 内容的根路径
    assetsRoot: path.resolve(__dirname, '../dist'),
    // 输出 内容的静态文件路径
    assetsSubDirectory: 'index/static',
    assetsPublicPath: '/',
    productionSourceMap: true,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
  }