webpack插件【cdn-loader】

被刻印的时光 ゝ 提交于 2020-03-01 14:55:40

#新出炉的 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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!