代码拉取完成,页面将自动刷新
基于Typescript的库项目模板。基于Rollup、Karma+Jasmin及Webpack。
$ npm i
$ npm run build
Rollup
构建Typescript
源代码,生成UMD、ESM5标准bundlebundle
, 如果您并不需要这个bundle
,您可以手动在script/build.js
注释掉相应的代码块。$ npm run test
Karma + Webpack
构建Typescript
单元测试代码Typescript
编写您的测试用例,并按您的意愿组织测试用例目录结构。*.spec.ts
的测试代码会被执行$ npm start
Webpack
以一个常规的Web
项目形式构建并运行demo
,您可以在这之上进行快速开发及调试demo
相同的形式被人使用,但对于一些最终应用于Web App
中的库项目,demo
对于快速开发将很有帮助npm build-demo
命令构建demo
的内容|- src/
|- test/
|- demo
| |- src/
| |- assets
| |- app.bundle.js
| |- index.html
|- script/
| |- build.js
| |- release.js
|- tsconfig.json
|- karma.conf.js
|- webpack.config.js
|- package.json
src
: 源代码目录test
: 单元测试目录demo
: Demo页面目录
src
: Demo页面源码app.bundle.js
: 执行npm run build-demo
后由Webpack
生成的生产版本的bundle
。注意,使用npm start
时Webpack
并不生成此bundlescript
: 工具脚本目录
build.js
: 构建脚本,在此文件中调用了Rollup
完成构建任务。您可以选择性的使用其中的构建代码块,这取决于您正在编写的库是何种用途release.js
: 发布脚本,此脚本能够帮您自动publish
到npm
tsconfig.json
: typescript配置文件karma.conf.js
: karma
配置文件。用于单元测试webpack.config.js
: Webpack
配置文件。用于运行或构建demo
项目此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型