的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 work just just。但是，參考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);