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和其他项目共用一套该框架文件。
路径修改之前,截图:
以上就是关于“ vuejs项目如何修改node_mudule为公用文件? ” 的全部内容。