zoukankan      html  css  js  c++  java
  • vue项目打包笔记

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

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

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    shell脚本使用记录一:操作文件
    用IDEA在Tomcat上部署项目
    通过反射获取属性名和属性类型
    IDEA设置生成类基本注释信息
    有序的Map集合--LinkedHashMap
    书面格式注意的问题
    悲观锁和乐观锁的区别
    解析xml文件的四种方式
    jsp的四种范围
    jsp的两种跳转方式和区别
  • 原文地址:https://www.cnblogs.com/zjingjing/p/10622301.html
Copyright © 2011-2022 走看看