鍍金池/ 問答/Java  HTML/ vue.js如何引入非模塊化的js文件并調(diào)用里面的方法和類。

vue.js如何引入非模塊化的js文件并調(diào)用里面的方法和類。

我現(xiàn)在工程里面需要引入一個控件，是外部的js文件，并沒有模塊化。
這個是demo,并不是vue寫的，引用方式直接在jsp頁面引入

<script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="/js/demo.js"></script>
<script type="text/javascript" src="/js/microdone.h5.min.js"></script>
<script type="text/javascript">
    var kb = new keyBoard({
        "chaosMode" : 0,
        "pressStatus" :1,
        "kbType" : 0,
        "odd" : 51,
        "svg":"svg"
    });
    var passGuard1 = new passGuard({
        "maxLength" : 12,
        "regExp1" : "[\\S\\s]",
        "regExp2": "[0-9]{6,12}",
        "displayMode" : 0,
        "callBack":cb1,
    "errorCallBack":cb2,
        "rsaPublicKey" : "30818902818100a14c00666a2a72062f21eb696f61ed79af886d5c907bb674ff89dfdca1bb9b0642ac17dafb43ecdb8c8e045e559a27af5c8674641e260769c04e4203428ac9f653a6873950bc6076748e8a1a5e1d55e9084aeb90bb75876eff1bd4c54649133b3ec5001f423fc07aa96d4c10aa87c30c8c8ade1a8ec2180bf233e2662df5c49f0203010001",// rsa公鑰
      "sm2KeyHex":"2df5e9f76b79da29e6e56779fd9e1d81fd2ccd2372caddf2310e29a64dce847691609a35e7dab24609cd44a89b548e88ccf1850658203f0b24de73bff0e88527",
        
    });</script>

我需要引入上面js生成控件。如果我直接在vue項目中的index直接引用，并不起作用。沒法new出對象。
之后我在項目加入了jquery。
在要使用這個控件的頁面引入
import 'imports-loader?$=jquery!@/common/js/microdone.h5.min.js'
但是報了一堆錯誤
clipboard.png
請問大神有什么好的引入非模塊化js文件，并使用里面的方法、實例化對象的方式呢

回答
編輯回答
玩控

找到一個方案。首先就是在index頁面scripty引入，然后需要在webpack.base.conf.js找到eslint-loader的代碼檢查規(guī)則，將其去掉。

clipboard.png

這樣就不會報錯了，代碼也可以使用。不過這方式還是比較不好的會造成全局污染，也和vue的編碼風(fēng)格很不搭，目前也只有這個方法使我這個工程比較合適的方式了。

2018年4月13日 14:21
編輯回答
鐧簞噯

最簡單方法,,把script寫到index.html里

復(fù)雜一點(diǎn),自己寫個script load

2017年4月1日 19:28