记webpack下加载插件或库的方法

比如jquery:

  • 远程CDN
    直接script引用.......

  • 本地静态文件
    1:在html模板中script标签引用,最后用CopyWebpackPlugin插件,复制静态文件到一样的发布路径
    2:在js文件中加载
    //common.js方式 
    const vtool = require("./vbyzc_common.js")
    module.exports = {
        GetQueryString : function (name){
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }
    }
    
    //es6 方式 
    import vtool2 from "./vbyzc_common.js"
    
    export default {
        GetQueryString : function (name){
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }
    }
  • npm模块
    从npm安装对应模块,然后 。。。??

猜你喜欢

转载自www.cnblogs.com/vbyzc/p/9340233.html