多个入口点之间的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);