多个入口点之间的 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 run build、babel-loader 和 run task 工作正常。但是，参考 MSG 没有在 DOM 中定义：

 Uncaught ReferenceError: MSG is not defined

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

Answer 1

正如 cmets 中提到的，我需要导出 - 导入在各自模块范围内定义的值

a.js:

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

b.js：

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