mck*_*imo 30 javascript webpack
我有一个带按钮的基本HTML页面:
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
<button id="button" onclick="uclicked()">Click me</button>
<script src="./bundle.js"></script>
</body>
</html>
和app.js:
//(function(){
console.log('started up')
function uclicked(){
console.log('You clicked');
}
//})();
webpack已安装并webpack --watch成功.webpack.config.js是:
module.exports={
entry: './app.js',
output: {
path: __dirname,
filename: 'bundle.js'
}
}
当我加载页面console.log工作但是当我按下按钮时我得到了Uncaught ReferenceError: uclicked is not defined.
如果我更换<script src="./bundle.js"></script>与<script src="./app.js"></script>和旁路的WebPack按钮点击罚款.为什么这个基本的webpack设置不起作用？
Shi*_*dan 79
当您通过webpack运行该文件时,webpack将尽量不要乱丢全局范围,因此默认情况下该功能不会全局可用.
如果您希望在JS文件范围之外访问该函数,则应将其置于全局范围内.
function uclicked() {
// do something
}
window.uclicked = uclicked;
要不就:
window.uclicked = function() {
// do something
}
| 归档时间： |
|
| 查看次数： |
12319 次 |
| 最近记录： |