当前位置:   article > 正文

vuejs项目如何修改node_mudule为公用文件?_umi项目修改使用nodemodule路径

umi项目修改使用nodemodule路径

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

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

 

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

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

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

è¿éåå¾çæè¿°

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

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

闽ICP备14008679号