vue项目打包笔记
我的需求是在同一个代码目录下,可以同时放入两个项目包,通过运行不同的命令,运行相应的项目页面以及打包相应的项目。
这样的话,代码管理比较方便,用于多个项目在同一时间开发,类型一样,但在功能上有所区分的情况。简化了代码,去除冗余,有公共部分还可以共享。
现在对于webpack的打包机制还不够系统了解,只能先按照Vue原始的打包方式,再照猫画虎,新加一组命令,打包第二个、第三个……项目。
现在把我的操作流程记下:
1、找到package.json文件,其中会有npm run dev 的命令定义,在定义中指向了一个运行文件。那么如果想运行另外一个文件,只需要添加一组有所区分的运行和打包的命令,重新建立一个指定的运行文件即可。
2、然后进入运行命令所指向的js文件,学习代码。代码中指向一个文件是设置项目的入口文件和输出文件路径的,可以相应的设置这个文件路径,指向另外一个项目。
3、在config文件夹中有一个index的文件,可以添加build打包命令,定义新的打包位置,因为多个项目在打包的时候,是分开按需打包放在独立的项目中的。
默认打包文件放在dist下面的,可以在dist下再放一个子文件夹区分开来。
4、在另外的文件中,需要区分不同的情况,调用不同的命令。
这样的话,就可以通过运行不同的命令,来打开和打包多个项目了。后期我还会详细学习webpack的打包机制,更好的进行打包处理。
纯属自己学习记录,如有不妥,关闭即可~~或者可以留言建议~谢过!