vue/cli 3 构建多页面应用实践教程

1.首先升级vue-cli,之前用的是2.0版本,根据官网可知道升级命令：

安装：

npm install -g @vue/clli   or   yarn global add @vue/cli  

创建一个工程：

vue create demo(demo为项目名称)   or  vue  ui

之后选择你需要的配置,根据提示进行操作,生成项目，这里选择自定义创建，没有eslint之类的限制。

   

2.在项目根目录与package.json同一级下建一个vue.config.js

官方解释vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

项目结构如下所示.

3.改变url：如localhost:8080/second,访问view.config.js里设置的第二个入口的地址,看是否能正确显示，例如此demo成功的话正常显示为：