欢迎分享,转载请注明来源:内存溢出
SPM v.1.1.2 With SeaJS SPM v1.1.2使用指南 1.SPM用途 SeaJS提供了模块化开发的机制,在代码开发完后,还需要做产品发布相关的一些 *** 作。 这些可以通过SPM来完成,SPM提供了模块安装、压缩、打包部署等功能。 2.SPM安装 1.从nodejs官网下载最新...开发一个组件的流程: 初始化组件 在本地磁盘新建文件夹,文件夹名称为组件名称,名称要符合 [a-z\d-.],并以英文字母开头,首选合适的英文单词, 禁止使用驼峰 。避免组件名称产生冲突。 下面以epay-module1为例,说明组件初始化过程。 $ mkdir epay-module1 $ cd epay-module1 $ spm init Creating a spm package: [?] Package name: epay-module1 [?] Version: 0.0.0 [?] Description: [?] Author: Initialize a spm package Succeccfully! 初始化完成后会生成一个骨架,在这个基础上进行开发更方便。 epay-module1 ├── examples 组件演示 │ └── index.md ├── HISTORY.md 版本更新说明 ├── index.js 组件的主要入口文件 ├── package.json 版本等元信息 ├── README.md 组件总体说明,包括功能描述、api文档 └── tests 单元测试└── index-spec.js4.首先分析组件的依赖,比如需要 jquery。 可以使用 spm install 下载依赖。 $ spm install jquery --save 这样 spm 会自动在 package.json 中添加依赖,你也可以手动添加并 install 。 "spm": { "dependencies": { "jquery": "1.7.2" } } 并且,所有依赖的模块都会被下载到 spm_modules 下。 修改 index.js 进行开发 var $ = require('jquery') var epayModule1 = function(){ this.info = 'hello module1' }module.exports = epayModule1 启动本地服务进行调试。 $ spm doc 通过浏览器访问 http://127.0.0.1:8000/ 本地调试 examples 也使用 md 编写,这样写起来非常方便。 在 examples/index.md 添加实例化代码,可以直接 use。 seajs.use('../index', function(Module1) { var module1 = new Module1() console.log(module1.info) }) 也可以用 require 来调用模块。 var Module1 = require('index') 通过四个 "````" 所包裹的代码不仅会显示成代码片段,也会插入 HTML 中进行实际运行,这样你调试好代码后,演示页面的文档也同时生成好了。 spm doc 支持 livereload,只要通过 spm doc 启动服务,修改文件后都会自动构建。 修改组件元信息 修改 package.json 配置打包方式 "spm": { "main": "index.js" } 这样 spm build 将打包 index.js 文件,并将这个文件中的本地依赖文件也打包进来。 接下来就可以开始打包,build 后会在 dist 目录生成打包的文件和 -debug 文件。 $ spm build 发布组件 你的组件发布后可以很方便的被其他组件调用。通过 spm publish 命令将会把你的组件发布到服务器上。 $ spm publish 发布组件文档 $ spm doc publish
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
php积分在线自动增加,该如何实现?
上一篇
2023-05-17
hyper-v不支持显卡
下一篇
2023-05-17
评论列表(0条)