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'
        })