webpack+vue开发,多台设备如何保持node_modules一致？

Question

最近在用vue+webpack开发一个项目，也是刚接触webpack不久，现在遇到一个问题：我在公司电脑上搭建了vue+webpack开发环境进行开发，提交git的时候默认也是屏蔽掉node_modules文件，但是我在开发中修改了node_modules中的内容（算是在他人插件基础上做了业务修改），如果我git中不提交node_modules的话在另一台电脑上应该是不会同步node_modules中的修改吧？

有没有什么解决方案？

还是说不应该在node_modules中做修改？

对webpack还不太了解，问题可能比较low，望指教

Answer 1

跟webpack没关系

node_modules千万不要提交。

你的问题：

1. 在github上找到你修改的这个插件,并fork到你的或者你们公司的github，或者重新上传到你们公司自己的git上面。

2. 使用npm去安装你fork的这个项目。

这样在所有的服务器上使用 npm install 就能保持一致了。

具体怎么操作，自己Google吧。。。

Answer 2

如果你用的是 Git， 一般来讲则当有 .gitignore 这个文件；对无需提交的内容，加以忽视。

.DS_Store
node_modules/
dist/
npm-debug.log

如果需要修改，只需更改 package.json 即可。
即如果 userA 涉及到安装新插件了：在对应命令后加上 --save，譬如：

npm i xxx --save

userB, 更新代码后，只需 npm i 即可同步下载新注入的插件。

Answer 3

对，就是不应该在 node_modules 中做修改 (ง •̀_•́)ง

Answer 4

如果你仅仅用vue做前台，你不需要改，只需要bulid后的目录即可，服务器不需要修改node_modules

Answer 5

你把改动后的代码放到项目里就可以了，别在node_modules里面改，然后提交到项目的git仓库就可以了，没必要那么麻烦