关于常用路径可在 webpack 中注册以避免代码中过长的引入路径的思考
2016-12-19 19:05
309 查看
在进行大型项目的时候,文件里面套文件,层叠太多,会导致引入的文件名过长。过长。。。是吧,就不美了。那么问题来了,怎么解决?
一、对于模块引用路径
我们可以采取这样的措施,在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
相关文章推荐
- WebPack系列:Webpack编译的代码如何在tomcat中使用时静态资源路径不对的问题如何解决
- 关于webpack代码拆分的解析
- webpack中引入的path[require('path')]是node.js内置的package,用来处理路径的。
- 关于webpack打包图片的路径问题
- [C#]使用 C# 代码实现拓扑排序 dotNet Core WEB程序使用 Nginx反向代理 C#里面获得应用程序的当前路径 关于Nginx设置端口号,在Asp.net 获取不到的,解决办法 .Net程序员 初学Ubuntu ,配置Nignix 夜深了,写了个JQuery的省市区三级级联效果
- 关于web性能的思考与分享[03]——常用性能分析工具
- 关于用Webpack路径压缩图片上传尺寸获取的问题
- [webpack]--webpack 如何解析代码模块路径
- 关于webpack 启动资源服务器实现热加载 和es6 babel代码转化
- 关于设计儿童网站web注册流程的思考
- web asp 常用代码
- WEB编程开发常用的代码
- 关于web和sql分离--1个入侵的思考
- web设计中关于首页代码一些规范写法
- 关于Web路径的备忘
- 关于Web 2.0 网站的创业思考(转+评)
- 最近项目中一些关于代码编写管理的一些思考
- 关于web框架的一点思考
- 关于Web 2.0 网站的创业思考