vue 打包发布

1. 打包之前需要先修改config下的index.js文件中build,assetsPublicPath:'./'

    

build: {

    //index.html路径
    index: path.resolve(__dirname, '../dist/project/index.html'),


    //静态文件的路径   
    assetsRoot: path.resolve(__dirname, '../dist/project'),

    //静态文件名称
    assetsSubDirectory: 'assets',

    //修改路径为./
    assetsPublicPath: './',


    productionSourceMap: true,

    devtool: '#source-map',


    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],

   
    bundleAnalyzerReport: process.env.npm_config_report
  }

  2. 这样运行npm run build,会生成一个dist文件夹,

     文件夹下就会生成打包好的project

     打开project下的index.html就会访问到页面了

3. 发布到tomcat中,直接把project复制过去,访问就好

你可能感兴趣的:(前端问题,vue)