src/package/index.js" 图8 npm命令 打包命令解释： “--target lib”关键字指定打包的目录。 “--name”打包后的文件名字。 “--dest”打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widget_demo_mintui组件到右侧画布中。 图7 拖拽组件到画布中 单击页面上方的，保存高级页面后，单击，发布高级页面。 单击，进入预览页面，查看效果是否符合预期。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

Template”关键字也请替换为“BarGraph”。 完成上述操作后，将所有文件打成zip包（请直接打包，不要在文件夹外打包），且包名为“BarGraph.zip”。 父主题： 自定义组件说明

查看更多 →

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

查看更多 →

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

查看更多 →

图6 修改main.js文件 开发完成后，执行构建，例如，使用VSCode执行npm run build命令进行构建。 如果执行命令时提示找不到，请先使用“npm install”安装依赖。 构建完成后将在本地生成压缩包，即开发完成的组件物料包。 图7 执行构建 打包的物料包会取根目录package

查看更多 →

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

查看更多 →

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

查看更多 →

在经典设计器页面，单击页面下方的“页面设置”。在弹出的页面中，选择“插件”页签，执行更新操作，保存后可使得新版组件在高级页面中生效。 图9 更新组件版本示例 最终效果展示。 组件版本更新后可见图片已能完全展示，重新发布后，预览测试最终效果即可。 图10 最终测试效果示例 父主题： 开发高级组件

查看更多 →

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

查看更多 →

项目打包 按照下载Demo里展示的目录树准备好所需文件，并且将SDK应用编译成可执行文件之后，接下来按照下一章节制作镜像包或插件包。 父主题： 集成ModuleSDK进行数据处理

查看更多 →

项目打包 参考项目构建发布，将集成ModuleSDK进行项目打包。 父主题： 集成ModuleSDK进行数据采集

查看更多 →

项目打包 打包请参考项目打包。 将集成ModuleSDK进行项目打包。 父主题： 集成ModuleSDK进行进程应用的开发

查看更多 →

打包发布 创建/配置/执行流水线 发布流水线构建的包到运维中心 父主题： 基于Spring Cloud框架进行应用上云

查看更多 →