jspmSystemJS教程8421码在线转换
<nav id="myaffix">
⽬录
1 包管理器
2 加载器
3 jspm
</nav>
我的经验,前端开发上要解决的问题能简单分为两个阶段:
1. 开发阶段
2. 部署阶段
其中开发阶段要解决:
1. 第三⽅包安装、使⽤、依赖关系的维护
2. ⾃有代码的依赖关系维护及使⽤
先来聊聊开发阶段的解决⽅案。
包管理器#
最初在 jQuery 站点上,⽂档可能是这样写的:
1. 下载 jquery.min.js ⽂件vscode2019安装教程
2. 保存到 js ⽬录
3. 在 HTML ⽂件中使⽤ script 标签引⽤ jquery
因为 jQuery 不依赖其它库,所以相对来说,上⾯的操作还算简单。
但如果碰上有依赖关系的,⽐如 Bootstrap 依赖于 jQuery,我们可能就需要分开下载 Bootstrap 与 jQuery。好在这⼀类第三⽅库通常都在下载⽂件中打包好依赖了。但这样⼜有⼀个问题,如果另⼀个库也同样打包⼀个 jQuery,并且版本与 Bootstrap ⾥打包的不⼀致呢。可以想像,这样的情况并不少thinkphp6where数组条件
见,我们的开发⽬录最终容易失控 – 添加包很容易,删除就难了。另外,⼿⼯来做这件事,效率太低。安卓telnet工具版
包管理器的意义就在这⾥。它封装了细节,⾃动化处理我们的需求。我们只需要提问题,它们提供答案:
1. 我要使⽤ jQuery – 好,bower install jquery
2. 我要使⽤ Bootstrap – 好, bower install bootstrap,顺便会把依赖 jQuery ⼀起安装了
网页特效专家3. 我想了想,还是删除 Bootstrap 吧 – 好, bower uninstall bootstrap
包管理器会维护⼀个依赖清单,个中关系⼀⽬了然。
当然,以上只是⽤ bower 举例,市⾯上同类产品还⾮常多,⽐如 duojs,本⽂的主⾓ jspm 也是⼀个,甚⾄ npm 都算。jquery下载文件请求
加载器#
包管理器解决了我们管理各种模块的需求。接下来,我们要利⽤这些模块来开发,那么就会碰上如何使⽤这些模块的问题了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论