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-加载程序，并运行任务工作很好。但是，在DOM中没有定义引用MSG：

 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);