vue webpack打包上传方法(不管原理只会用)

我用vue写了个网页,想传到网上去。然后跟男朋友要到一个网址,当然,这个网址是我的名字买的啦,不过它以前是做别的用,现在不需要了,就给我练手用了。

然后,怎么传到网上呢,男朋友让我到这里下载了一个工具,叫XFTP,作为向服务器上传东西的工具。

然后跟男朋友要到这个网址的主机地址、用户名、密码,就链接上了。(至于主机地址、用户名、密码是怎么得到的,我就不管了)

然后,我就把我写的东西全都传上去。。。。100多M。。。传了好久。。结果打开是个空网页!

然后,男朋友就各种捣鼓瞅了半天,发现,原来用vue写的东西,需要打包才能传到服务器上,这个时候webpack就闪亮登场了。

可是,我记得我有接触过webpack,原谅我只是停留在看视频的阶段,还未真正实践过。

然后男朋友就说,那我就是已经打包了,但打包到哪里去了呢?各种百度。。。。

然后看人家说有个dist文件,可是我的没有啊。

原来!我没有打包!

1.运行vue用的是cmd里的npm run dev

2.打包vue应该用cmd里的npm run build

当build完后,就会出一个dist文件,然后把里面的这两个文件放到服务器的根目录下就OK了!

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值