js导入有冲突怎么解决办法

// 创建一个命名空间对象
const MyNamespace = {};

// 在命名空间下定义模块
MyNamespace.ModuleA = (function() {
    // ModuleA 的代码
})();

MyNamespace.ModuleB = (function() {
    // ModuleB 的代码
})();

// moduleA.js
export const functionA = () => {
    // functionA 的代码
};

// moduleB.js
export const functionB = () => {
    // functionB 的代码
};

// main.js
import { functionA } from './moduleA.js';
import { functionB } from './moduleB.js';

functionA();
functionB();

(function() {
    // 这里的变量和函数不会污染全局作用域
    const localVar = 'local';
    window.globalVar = 'global';
})();

console.log(window.globalVar); // 'global'
console.log(localVar); // ReferenceError: localVar is not defined

// service.js
export const Service = {
    getData: () => {
        // 获取数据的逻辑
    }
};

// component.js
export const Component = ({ service }) => {
    const data = service.getData();
    // 使用数据的逻辑
};

// main.js
import { Service } from './service.js';
import { Component } from './component.js';

const component = Component({ service: Service });

// webpack.config.js
module.exports = {
    // 其他配置...
    output: {
        filename: '[name].[contenthash].js',
        chunkFilename: '[name].[contenthash].js',
    },
};