首页 > 基于vue-cli webpack开发时,如何为某个组件引入第三方JS库或自己定义的JS库

基于vue-cli webpack开发时,如何为某个组件引入第三方JS库或自己定义的JS库

基于vue-cli webpack开发时,如何为某个组件引入第三方JS库或自己定义的JS模块


npm install 'somemodule'
import 'somemodule'


第三方JS通常都有类似如下代码

if (typeof define === 'function' && define.amd) {
    define(function() {
        return Hammer;
    });
} else if (typeof module != 'undefined' && module.exports) {
    module.exports = Hammer;
} else {
    window[exportName] = Hammer;
}

这样的JS采用了UMD导出,直接import进来就可以了,如果没有,就要自己写模块导出来封装。


直接在index.html通过script标签引入
使用import或require会被webpack打到你的js文件里,如果是公用库没必要

【热门文章】
【热门文章】