VUE-CLI脚手架打包与发布

• vue-cli打包命令:

npm run build

打包完成后会在项目根路径下默认生成一个名为dist的目录。
此时可以通过npm安装静态服务器serve运行生成后的项目。
安装serve命令:

npm install serve

运行命令:

serve dist

如果项目放在动态服务器上(例如tomcat、jetty、weblogic等)且访问名不想为默认的dist，则可在项目下找到build目录下的webpack.prod.conf.js文件。在该文件中，找到output属性，添加publicPath属性并指定自定义名称，并将生成的dist目录更名为相同的自定义名称即可。
测试时相关代码片段:

output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
    publicPath:'/此处指定自定义访问名'
  }

注意: publicPath中指定的访问名需要加斜线 / 否则访问路径可能出错。
因个人水平有限，此文仅做个人记录。