# loader-cdn-component

**Repository Path**: Easy-Martin/loader-cdn-component

## Basic Information

- **Project Name**: loader-cdn-component
- **Description**: loader cdn component for react
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-12-06
- **Last Updated**: 2020-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 可加载 cdn 的 umd 包
- umd包依赖需要再全局定义
- 特殊场景使用（例如你想动态更新生产环境的组件）
- 此包依赖systemjs模块加载库 webpack下使用会产生警告

![avatar](GIF.gif)

```javascript
import React from "react"
import LoadCDN from 'load-cdn-component'
import PropTypes from "prop-types";
import ReactDOM from "react-dom";
import moment from "moment";

//Antd 依赖 umd包依赖全局 实际使用配置webpack externals 使用
window.React = React;
window.PropTypes = PropTypes;
window.ReactDOM = ReactDOM;
window.moment = moment;

LoadCDN.loadStyle("https://cdn.bootcss.com/antd/3.23.6/antd.min.css")
const Button = LoadCDN.loadComponent('https://cdn.bootcss.com/antd/3.23.6/antd.min.js', 'Button')

ReactDOM.render(<Button onClick={() => alert(1)}>测试CDN组件</Button>, document.getElementById("root"));

```