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了!

 

你可能感兴趣的:(vue)