Question

我有以下文件：

// a.js
var g = {
    version: 1,
    extend: function(source, target) {
        console.log('in g.extend');
    }
};

// b.js
g.extend(g, {
    h: function() {
        console.log('in h');
    }
});

// index.js
import './a';
import './b';

建筑的结果（如生命）：

(function () {
    'use strict';

    var g$1 = {
        version: 1,
        extend: function(source, target) {
            console.log('in g.extend');
        }
    };

    g.extend(g, {
        h: function() {
            console.log('in h');
        }
    });

}());

汇总将g变量重命名为g$1。

我该如何防止这种情况？

这是连接文件的正确方法吗？

感谢。

Answer 1

不知道为什么需要连接这些文件，但我一直遵循的方法是使用导入/导出语句：

// a.js
export const g = {
    version: 1,
    extend: function(source, target) {
        console.log('in g.extend');
    }
};

// b.js
import {g} from './a';
    g.extend(g, {
       h: function() {
            console.log('in h');
       }
});

// index.js
import './b';

如何使用汇总连接文件？

1 个答案: