当前位置:   article > 正文

vuejs项目如何修改node_mudule为公用文件?_vue 怎么把modules拿出来作为普通文件夹调用

vue 怎么把modules拿出来作为普通文件夹调用

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和其他项目共用一套该框架文件。
如果失败,请将失败项目按照正常流程安装,然后再修改上述引用文件的路径,并删除刚刚安装时候生成的node_modules文件即可。

路径修改之前,截图:

这里写图片描述


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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/931381
推荐阅读
相关标签
  

闽ICP备14008679号