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

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

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

 

以项目m4-element为例:
提取的node_modules放置如下: 

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

如果失败,请将失败项目按照正常流程安装,然后再修改上述引用文件的路径,并删除刚刚安装时候生成的node_modules文件即可。
路径修改之前,截图:

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

--------------------- 
作者:Danoge 
来源:**** 
原文:https://blog.****.net/qq_35393869/article/details/81283870 
版权声明:本文为博主原创文章,转载请附上博文链接!