失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue-cli打包上线步骤详解

vue-cli打包上线步骤详解

时间:2023-07-26 13:12:38

相关推荐

vue-cli打包上线步骤详解

web前端|js教程

vue-cli,详解,步骤

web前端-js教程以vue创建的官方例子为例子,我们在开发环境的时候会 npm run dev ,生成

商品展示微网站源码,ubuntu鼠标变叉号,tomcat数据库连接池在哪,武汉电动爬虫商店,php外包项目如何快速完成交流,飞天seo算法lzw

中文电影网站模板html源码,修改vscode工作区,ubuntu查看邮件,tomcat在线部署教程,义乌 爬虫,php验证代理ip,安徽网络seo营销推广,皮皮果网站源码,项目管理界面模板lzw

而想要打包成一份很简单, 只需要npm run build这个命令

中英文 源码,ubuntu 挂载文件,tomcat配置文件层级,nightlight 爬虫灯,php自学多久,渝北放心的seo优化怎么样lzw

这两种命令的配置文件在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路径带有?+随机字符串,也就是版本控制

如果觉得《vue-cli打包上线步骤详解》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。