vue项目打包笔记

我的需求是在同一个代码目录下，可以同时放入两个项目包，通过运行不同的命令，运行相应的项目页面以及打包相应的项目。

这样的话，代码管理比较方便，用于多个项目在同一时间开发，类型一样，但在功能上有所区分的情况。简化了代码，去除冗余，有公共部分还可以共享。

现在对于webpack的打包机制还不够系统了解，只能先按照Vue原始的打包方式，再照猫画虎，新加一组命令，打包第二个、第三个……项目。

现在把我的操作流程记下：

1、找到package.json文件，其中会有npm run dev 的命令定义，在定义中指向了一个运行文件。那么如果想运行另外一个文件，只需要添加一组有所区分的运行和打包的命令，重新建立一个指定的运行文件即可。

2、然后进入运行命令所指向的js文件，学习代码。代码中指向一个文件是设置项目的入口文件和输出文件路径的，可以相应的设置这个文件路径，指向另外一个项目。

3、在config文件夹中有一个index的文件，可以添加build打包命令，定义新的打包位置，因为多个项目在打包的时候，是分开按需打包放在独立的项目中的。

默认打包文件放在dist下面的，可以在dist下再放一个子文件夹区分开来。

4、在另外的文件中，需要区分不同的情况，调用不同的命令。

这样的话，就可以通过运行不同的命令，来打开和打包多个项目了。后期我还会详细学习webpack的打包机制，更好的进行打包处理。

纯属自己学习记录，如有不妥，关闭即可~~或者可以留言建议~谢过！