vue修改入口文件名字_重建基于vue的多入口项目——项目的重建和配置文件的修改部分...

1.新建项目

新建vue项目直接通过命令行即可，过程比较简单，具体参照：https://www.jianshu.com/p/02b12c600c7b

需要注意的是，直接在需要生成的目录下用命令行操作即可，不用先新建该项目的文件夹。

2.遇到报错

Error: Cannot find module ‘array-includes‘

解决方法参照：https://blog.csdn.net/weixin_44388523/article/details/89916370

报错原因：项目外层的目录名发生更改

解决办法：

1.删除项目中node_modules文件夹 ，

2.执行 npm cache clean 命令清除掉cache缓存，

3.npm install 重新安装依赖后，npm run dev 运行项目。

3.配置多个项目入口：

刚开始的操作是参照：https://www.jianshu.com/p/75ae1015341d

该篇博客介绍的方法是直接将多入口的文件名和配置一一对应，写死在配置文件中。

该做法有两个缺点：(1)如果项目入口比较多，配置文件内容就很相应增加，显得很冗长

(2)若项目中要新增入口，则需要修改三个配置文件内容(webpack.base.conf.js、webpack.prod.conf.js、webpack.dev.conf.js)

所以后面的操作改为参照：https://blog.csdn.net/yw00yw/article/details/87935937?depth_1-utm_source=distribut