鍍金池/ 問答/Python  HTML/ webpack 打包后如何調用JS自定義函數(shù)？

webpack 打包后如何調用JS自定義函數(shù)？

比如有一個JS文件: assets/js/common.js內容如下：

function warning(){
    alert('FF')
}

在webpack 文件中引入：

mix.js('assets/js/common.js','public/js');

html中引入生成的文件 public/js/app.js，但如何在這個html中調用這個 warning() 方法？
直接調用提示undefined不存在

回答
編輯回答
尐飯團

webpack打包后，在文件定義的變量屬于內部變量。也就是說webpack把各個文件封裝。。。它讓你在不能像

<script src='1.js'></script>
<script> 
    function balabala(){}  //1.js中的函數(shù) 
</script>

這樣使用webpack打包生成js里的東西。
有興趣的話(你需要你個好的編譯器..)，你可以查一查webpack生成的js中，你的warning被不知道多少個括號裝起來了。

你的解決方式是給warning()定義的時候，定義成全局變量，也就是

window.warning = function(){
    alert('FF')
}

這樣你就可以在html文件中的script標簽中使用了

2017年8月10日 21:32