javascript - JS函式庫從腳本引用到使用import轉換問題

Question

可能題目不是描述的很清楚，我詳細說明下：

我在一個專案中依賴了一個 jq 的元件，它是要透過script標籤引用的，如何讓它也可以透過import的方法使用？

https://www.npmjs.com/package/particles.js

就是上面這個函式庫，我是把下面它忘window上掛一個函數的地方改成了 export default，發現會報錯，請問這個如何修改能達到可以使用import？

window.particlesJS.load = function(tag_id, path_config_json, callback){
    code ...
}

//这里我加了

export defalut particlesJS;

發現不可以，請問我是哪裡做錯了？

Answer 1

安裝到node_module

npm install particles.js

引用(在入口文件)

import 'particles.js'

如果這個jq組件需要呼叫jq的方法或使用jq對象，jq也要安裝並暴露給全域

npm install jquery@xxx

暴露到全局我這裡是webpack，其他的自己看著辦- -

        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
            'window.$': 'jquery'
        })