vue-cli 如何打包上线的方法示例
发布时间：2026-01-12 06:11:10 作者：用户投稿 浏览量（）
摘要：以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成而想要打包成一份很简单， 只需要 npm run build 这个命令这两种命令的配置文件在config的index.js 一种是build 一种是dev ，而我们想要在本地查看打包后的成果，需要...
以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成
而想要打包成一份很简单， 只需要 npm run build 这个命令
这两种命令的配置文件在config的index.js 一种是build 一种是dev ，而我们想要在本地查看打包后的成果，需要在assetsPublicPath 改变它的路径， 具体为什么，可以看index.html引入的文件路径
之后只需要放在服务器上运行就好了。
*常用技巧
1.如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ，打包后文件体积可以减少百分之八十
2.如果设置build文件夹下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置参数添加hash: true，即会使打包生成的index.html中的js和css路径带有？+随机字符串，也就是版本控制
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
声明：本站内容部分来源网络搜集发布，如有侵权请联系客服删除。