Vue-cli webpack创建项目与打包发布

概述

因为要写一个有趣的东西又把vue拉出来学习~发现了种种需要记录下来的问题。

Vue create projects 与 Vue init webpack projects 的区别

之前对vue进行小打小闹的编写demo,所以一直都是使用vue create进行创建项目,但当这次需要打包项目的时候才发现这样创建的基本项目都没有打包需要的文件(哭

创建

vue init webpack projects

Snipaste_2020-02-20_13-15-14.png

下图依此是,
项目名称、项目描述、作者、选择standalone、router(路由)、使用NPM、没标注的基本上在普通的单页项目都用不到。

Snipaste_2020-02-20_13-16-18.png

这样便构建完成。

项目打包发布

config/index.js下将assetsPublicPath: '/'修改为assetsPublicPath: './'
Snipaste_2020-02-20_13-43-45.png
然后进入终端,

npm run build

Snipaste_2020-02-20_13-55-58.png
接下来便成功建立一个dist文件夹,这便是成功打包的内容,直接打开即可。
Snipaste_2020-02-20_13-57-42.png
Snipaste_2020-02-20_14-23-50.png

# Vue.js