注意：当前加载外部资源仅支持在 Web 端使用，暂不支持小程序。
一、注意事项
·当前外部资源仅支持在 Web 端使用，暂不支持小程序。
·当前外部 JS 资源仅支持无框架依赖的 JS 库，不建议直接使用依赖 vue/react 等框架的 JS 库。
·请确保加载的资源 URL 是正确的，并且资源可以访问（某些资源是否支持跨域访问）。
·如果使用的第三方资源，请遵循第三方资源提供商的使用规定，并确保不会侵犯任何第三方权益。
·请确保你的应用与添加的外部资源兼容，以确保应用的正常运行。
·请在开发过程中注意保护你的应用代码及数据安全，避免被第三方恶意访问。
二、步骤1：添加外部资源（JS/CSS）
1. 首先，单击右上角的设置设置按钮，进入编辑器的应用设置页面。
2. 在应用设置 > 开发设置页签，输入需要添加的外部资源URL。
3. 单击添加，即可完成资源的添加。
三、步骤2：引用外部资源并调用方法
1. 外部资源添加成功后，会在应用初始化时默认加载该资源，故只需打开 代码编辑器 在应用生命周期或页面生命周期直接调用即可，例如引入 vconsole 库。
2. 进入 代码编辑器，在需要引用外部资源的位置输入资源引用代码，建议在应用周期的 onAppShow() {…} 引用。
3. 保存代码，运行预览应用，即可在应用中使用外部资源中的方法。
注意：由于每个外部的 JSSDK 或 CSS 样式等资源的引用方式各不相同，请在使用前仔细查阅该资源的具体引用说明。
四、调用示例
例如我们引用了第三方的 Tailwind CSS。
利用 Tailwind 提供的标准 Class 进行样式的配置：
·通过 rounded 控制边框圆角。
·通过 ml 控制元素左侧外间距。
·通过 space-x 控制子元素间距。
·通过 font-bold 控制字体的粗细。
示例1示例2示例3示例4在页面中添加一个图片。然后在图片的样式 > classname 绑定 rounded-3xl，可以查看绑定之后图片圆角的变化。在示例1的图片组件的 classname 绑定 ml-20，可以查看绑定之后图片组件的左侧外边距的变化。在页面中添加一个普通容器，普通容器中添加几个按钮。然后在普通容器的样式 > classname 绑定 space-x-4，可以查看绑定之后子元素间距的变化。示例3中添加的第一个按钮组件，在其样式 > classname 绑定 font-bold，可以查看绑定之后按钮组件的字体粗细变化。