搭建 JS SDK 环境结构入门举例

有时候公司需要大家开发某个js sdk对外提供服务，比如最简单的例子就是谷歌的统计代码，放在网站底部引入script就可以了，虽然这个不是sdk，但是和sdk类似。如果网站引入第三方sdk代码的话，就可以直接用第三方提供的API服务了。比如七牛云提供的sdk： https://developer.qiniu.com/sdk#official-sdk

当我们需要开发一个类似的sdk，建立目录非常重要。

需要注意的是：

1.需要小心的是应该注意尽量用原生js代码去写，引入第三方框架或者开源的东西，势必容易影响第三方网站。

2.需要注意样式的写法，最容易出现受第三方网站的样式影响，或者影响到第三方。

3.ajax请求应该是支持跨域的，http和https都应该支持的。

4.应该有个boot判断是否拉取后面加载的js文件服务，而不是一开始就全部加载进来，有时候用户设置没有开启功能，加载很多图片js，css进来就浪费了。

5....还有很多，自己脑补。

我们环境需要有本地开发目录，测试目录，预发目录，线上目录，所以打包的时候需要给几个打包命令。

模板引擎也必不可少，需要选择一个模板引擎。

来点动态的css预编译语言会有助于你的css整理和复用开发。

可复用组件可以抽取一个目录出来。

综上所述就大致形成了一个目录。

具体结构代码参见github: JSSDKDemo