国内有哪些靠谱的 Javascript 库 CDN可用

JavaScript038

国内有哪些靠谱的 Javascript 库 CDN可用,第1张

★新浪CDN,感觉很快,用的人很多,推荐使用!

<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代码