打包后的文件名字。 --dest 打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多出一个“lib”文件夹，存放的是打包后的文件。 图8 输出件 父主题： 外部无AUI依赖开发示例

查看更多 →

样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南

查看更多 →

// 组件包说明文件 组件zip包的目录及文件的名称不能是中文，且编译后的组件包大小应在1M以内。 组件名遵循Vue组件命名，并且要在当前应用中唯一。您可参考Vue框架指南定义Vue组件代码，并参考Vue组件打包指南对Vue组件进行打包，打包后才能使用。 表1 组件包文件说明 目录/文件

查看更多 →

registers"); } } }) 将修改后的组件Widget包，重新打包。 返回AstroCanvas界面，选择“我的资产 > 我的组件”，单击“添加组件”，将3.d中的组件包上传至组件库中。 图3

查看更多 →

registers"); } } }) 将修改后的组件Widget包，重新打包。 返回AstroCanvas界面，选择“我的资产 > 我的组件”，单击“添加组件”，将3.d中的组件包上传至组件库中。 图3

查看更多 →

使用JS面板 在常规代码开发中，我们需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候我们需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。 表1 上传组件参数说明 参数 说明 名字 新建库的名称。 上传图标 库的显示图标。 上传源文件 库文件包。 库ID 上传库的ID，由字母及数字组成，且必须以字母开头。 分类 库所属的分类。

查看更多 →

} }) 将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。

查看更多 →

组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。 上传源文件 组件源文件包，即3中的widget_demo_mintui.zip包。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。 分类 组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 本示例配置为其它。

查看更多 →

} } }); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本段示例代码中widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例

查看更多 →

选择“插件”页签，执行更新操作，保存后可使得新版组件在高级页面中生效。 图9 更新组件版本示例 最终效果展示。 组件版本更新后可见图片已能完全展示，重新发布后，预览测试最终效果即可。 图10 最终测试效果示例 在组件开发过程中，频繁的执行打包、上传和升级组件版本是一种效率很低的做

查看更多 →

组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。 上传源文件 组件源文件包，即3中的widget_demo_mintui.zip包。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。 分类 组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 本示例配置为其它。

查看更多 →

Vue应用部署 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试 该模板需要填写的参数如下表所示。

查看更多 →

} } }); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本段示例代码中widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例

查看更多 →

单击页面右侧按钮，选择map文件并上传。 通过上传的map文件，通过后端将错误堆栈结合map文件进行解析，还原出js错误位置，并将还原的信息展示到页面上。 图4 Sourcemap解析 仅支持上传map后缀文件，大小不能超过20M。 使用“堆栈信息”功能需先从右侧上传map文件，上传map文件后，堆栈

查看更多 →

新增密钥 将开发指导中生成的卡片JS进行上传管理。 将打包后的mylib.umd.min文件名修改为index，并同需要引用的静态资源压缩在同一级目录。 图4 zip示例截图 图5 上传卡片 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。

查看更多 →

安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装成功后，你可

查看更多 →

组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，

查看更多 →

打包 默认情况下，sls package命令将所有基础设施资源打包到.serverless目录中用于部署。 示例 serverless package 在该示例中，您的服务会被打包。生成的软件包将默认位于服务的.serverless目录。 父主题： CLI参考

查看更多 →

"global_Element", "version": "101.0.3" } ] } 将修改后的组件文件压缩成一个zip包。压缩后，即可根据需要上传到AstroZero，供高级页面使用。 父主题： FAQ

查看更多 →

打包 打包CLI命令 使用Serverless CLI工具，可以将项目打包，而无需将其部署到华为云。这最好与CI/CD工作流一起使用，以确保可部署产物一致。 运行以下命令将在服务的.serverless目录中构建和保存所有部署产物： serverless package 打包配置

查看更多 →