webpack插件【cdn-loader】

#新出炉的 webpack插件--cdn-loader

项目首页:https://github.com/jso0/cdn-loader

基本用法 (Usage)

在入口文件中require("cdn-loader + ? + ModuleName + @ + version + !")

注意三个符号 ?@!

示例: require('cdn?jQuery@3.1.0!')

Note:模块区分大小写

功能类似与 webpackexternals

webpack打包后

js

// entry.js
/***/ 15:
/***/ function(module, exports) {

    module.exports = window.jQuery;

/***/ }

手动添加到html文件

// index.html
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>


高级用法 (自动生成)

更多支持可通过**html-webpack-cdn-plugin**插件自行配置...

安装 (Install)

npm install -D cdn-loader

TODO

  • [x] 编写一个更新html-webpack-plugin输出assets插件
  • [ ] 后续优化
  • [ ] 支持别名设置

Have fun

by jso0

CDNjs.com

转载于:https://my.oschina.net/u/574928/blog/745462

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值