vuejs项目如何修改node_mudule为公用文件?

vuejs修改node_mudule默认路径,多项目开发,可减少内存浪费

最近整理之前做过的项目的时候,发现转移的资源内存太大?!
查看了一下,发现之前每次都是单独引入vuejs、element-ui等等前端框架。
上手了之后,发现之前的这种做法,太浪费内存了,而且管理起来也不方便。


这里总结一下:将所有项目的vuejs和element-ui等通用框架部分,提取出来,这样也便于查看和管理项目。

以项目m4-element为例:

提取的node_modules放置如下:
这里写图片描述

具体流程如下:

  1. 复制项目内完整的node_modules文件夹,并粘贴到项目父一级目录下面,(也就是与项目目录同级),
  2. 找到项目文件“ m4-element ---> build --> webpack.prod.conf.js ”
  3. 修改第90行附近,我的是默认path.join ( _dirname, ' ../node_modules' )
  4. 如下截图,将上述代码改为path.join ( _dirname, ' ../../node_modules' )
  5. 这样就完成了。项目m4-element和其他项目共用一套该框架文件。

路径修改之前,截图:

这里写图片描述


以上就是关于“ vuejs项目如何修改node_mudule为公用文件? ” 的全部内容。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/81283870
今日推荐