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
  }