vue项目一个页面接口很多怎么写_vue一个项目多入口打包的简单解决方案

项目需要，本来单页面的项目，要改成入口多页面，打包之后也是多页面，这就需要改造项目结构

下面我们开始：

项目是vue-cli3.0

需要改变的东西，先列出来

1.src目录结构

2.vue.config.js配置

3.页面间的图片，scss，main.js中的文件引用

1.我们先来看目录结构

image.png

项目修改之后的结构就这样，我就主要说下我这个项目吧

views目录下，分了两个小项目，index和mon

会先在views目录下创建这两个文件夹，然后复制main.js到这两个文件夹下，连带着app.vue也可以

然后把原先的项目拆分成两个，index项目的放到index下面，mon项目的放到mon下面

就保证每个子项目有main.js入口文件就可以了

然后结构改变之后，现在运行项目肯定会报错的

下面我们再来配置下vue.config.js就好了

配置如下：

'use strict'

const path = require('path')

const autoprefixer = require('autoprefixer')

const pxtorem = require('postcss-pxtorem')

function resolve(dir) {

return