<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
其它版本可以在这里找地址 http://lib.sinaapp.com/?path=/jquery
★百度CDN
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
其它版本之间修改代码中的版本号就行了
★360的CDN
<script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js"></script>
其它版本也是直接修改版本号就可以了
如果担心CDN地址加载失败,可以这样载入本地jquery
<script type="text/javascript">
!window.jQuery &&document.write('<script src="js/jquery.min.js"><\/script>')
</script>
如果我们打包的⽬的是⽣成⼀个供别⼈使⽤的库,那么可以使⽤ output.library 来指定库的名称,库的名称⽀持占位符和普通字符串:
output.libraryTarget
使⽤ output.library 确定了库的名称之后,还可以使⽤ output.libraryTarget 指定库打包出来的
规范, output.libraryTarget 取值范围
为: var 、 assign 、 this 、 window 、 global 、 commonjs 、 commonjs2 、 commonjsmodule 、 amd 、 umd 、 umd2 、 jsonp ,默认是 var ,
应该打包成umd
安装 terser-webpack-plugin@4.2.0压缩指定js文件
在webpack配置中增加optimization(优化配置)
```
// 优化配置
optimization:{
//是否开启优化
minimize:true,
// 覆盖默认压缩方式
minimizer:[new TerserWebpack({
test:/.min.js$/
})]
}
npm login
npm publish
使用步骤如下:1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码