关于常用路径可在 webpack 中注册以避免代码中过长的引入路径的思考

在进行大型项目的时候,文件里面套文件,层叠太多,会导致引入的文件名过长。过长。。。是吧,就不美了。那么问题来了,怎么解决?
一、对于模块引用路径
我们可以采取这样的措施,在webpack里面注册常用路径,并且定义别名路径会被缓存,有利于webpack更快查找依赖,截图如下:

这是一种方法,适合于模块引用路径的。
二、针对应用上线后方便的更改接口,不需要再次打包的方法
先说一下代价:应用启动时需要发一次请求确定接口配置。注意在接口不会变化的情况下,是没有这种需求的。
1.创建一个public.js文件,公共变量是这样:$.urlContent="http://"+window.location.host+"/consultation_market/";
在其他地方使用ajax是,就这样使用:
var url=$.urlContent+"member/front/findCurrentMember";
$.ajax({
type:"get",
url:url,
dataType:"json",
contentType:"application/json;charset=utf-8"……})这样的话每次修改都得打包一次,接着往下做,不用这么麻烦了,只需修改步骤2中的文件就好了,往下看
2.创建config.json文件,并将其放在根目录下,内容如下:
{
"urlContent":"http://www.dtvalue.com/consultation_maeket/"
}
这时候public.js的代码为:
$.urlContent="http://"+window.location.host+"/consultation_market/";
$.ajax({
      url:‘config.json‘,
      async:false,
      type:‘get‘,
      success:function(rs){
      	if(rs.urlContent){
         $.urlContent=rs.urlContent ;
      	}
     }
});
在这里,$.ajax要改为同步,而不是异步,即 async改为false。
参考http://www.bubuko.com/infodetail-1245086.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值