多个入口点之间的 Webpack 引用错误

Question

我有以下webpack.config.js

entry: {
    a:'./src/a.js',
    b:'./src/b.js'
 },
 output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].bundle.js'
 }

a.js的内容是：

const MSG = "Can you see me?";

b.js的内容是：

console.log(MSG);

我的索引正在加载两个捆绑的脚本：

  <script type="text/javascript" src="./dist/a.bundle.js"></script>  
  <script type="text/javascript" src="./dist/b.bundle.js"></script>

Npm 运行构建、babel-loader 和运行任务工作得很好。但是，参考 MSG 未在 DOM 中定义：

 Uncaught ReferenceError: MSG is not defined

即使您的脚本 a.js 也确实定义了它。我在这里错过了什么吗？我是否需要额外的配置来访问不同入口点之间的值？

Answer 1

如评论中所述，我需要导出 - 导入在各自模块范围内定义的值

a.js:

const MSG = "HEY CAN YOU SEE ME?";
module.exports = {
    MSG:MSG
};

b.js:

var MSG = require('./a.js').MSG;
console.log(MSG);

Webpack reference error between multiple entry points