angular中使用了webpack做为依赖管理器,相较于以前在html
中使用<script type="text/javascript" src="xxxx"
的方式,使用webpack可以实现使在需要某些依赖的时候才进行加载。性能虽然好,但在使用一些历史的依赖于jquery的依赖时往往会出现找不到jquery
的问题。
情景
假设当前项目需要iCheck
插件,此插件依赖于jquery
。
引用jQuery
在javascript
中,可以通过向window
对象上添加属性的方式来实现全局变量。比如:
var a = 'hello';
window.test = a;
console.log(test);
jquery
可以通过npm
来进行安装,安装完成后可以使用import
语句将其引入到当前的项目中。想到项目中随处使用$
、jQuery
的关键字,则需要将$
、jquery
声明为全局变量。