javascript - 如何解决 webpack 增量更新build

Question

在使用vuejs的时候，发现了这个问题：

A组件在A、B、C、D页面中引用了，某天A组件出现了bug，并影响到了ABCD四个页面，但是不能重新编译ABCD四个页面，只能更新A组件。
webpack中如何做类似于 windows update的打补丁？

Answer 1

如果不存在依赖问题，下面的代码就能解决：

<script src="webpack打包结果.js"></script>
<script src="组件A新.js"></script>

能打包，说明存在的只能是逻辑问题了，假如 组件A.js 的某部分代码除了问题，直接修改相关的代码就可以了（打补丁）。

//假如这是组件A
var demo = {
    a : 3,
    b : 8,
    plus : function(){
        return this.a * this.b; //加，应该用+
    },
    test : function(){
        return this.a;
    }
};
demo.plus();    //输出24，应该是11(3+8)
demo.test();    //输出3

//有错误，打补丁
demo.plus = function(){
    return this.a + this.b;
};
demo.plus();    //11(3+8);
demo.a = 8;
demo.plus();    //16(8+8);