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:模塊區分大小寫

功能相似與 webpack 的 externals

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