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的打包机制,更好的进行打包处理。

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

  • 相关阅读:
    GPU CUDA之——深入理解threadIdx
    需求分析、业务逻辑与数据结构
    软件建模的本质
    浅谈软件需求建模
    软件建模即程序设计
    软件开发从0到1与软件建模
    数据模型所描述的内容包括三个部分:数据结构、数据操作、数据约束。
    观察力与信息搜集能力
    人类为什么写书
    鲁宾斯坦说:"思维是在概括中完成的。"
  • 原文地址:https://www.cnblogs.com/zjingjing/p/10622301.html
Copyright © 2011-2022 走看看