vue项目打包

42 篇文章 0 订阅

vue项目打包步骤

终端运行命令 npm run build

如此便已打包完成
在这里插入图片描述
打包成功后即可看见如下图所示的项目文件夹
在这里插入图片描述

点击index.html,通过浏览器运行,出现以下报错,如图:
在这里插入图片描述
如此,我们修改相应文件,步骤:
1.打开 webpack.dev.conf.js 文件,找到 publicPath: config.dev.assetsPublicPath ,按Ctrl点击鼠标左键,跳转到index.js文件
在这里插入图片描述
2、其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即 “/” 前加点。
在这里插入图片描述
3、终端运行 npm run build 即可

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值