- 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中指定的访问名需要加斜线 / 否则访问路径可能出错。
因个人水平有限，此文仅做个人记录。
网友评论