61tpl-cli

一套快速生成react.js、vue.js、electron、typescript 项目的脚手架

Usage no npm install needed!

<script type="module">
  import 1tplCli from 'https://cdn.skypack.dev/61tpl-cli';
</script>

README

61tpl-cli

由于公司使用框架种类繁多，框架官方提供脚手架配置差异巨大和打包速度较慢，需要一套统一的脚手架

功能预览

image

安装

npm i 61tpl-cli -g
cnpm i 61tpl-cli -g
yarn add 61tpl-cli -g

功能

项目初始化

61tpl init <you project name>

帮助

61tpl help

查看版本

61tpl -V

提供模板

1. vue 2.0

自定义配置

  1. 是否使用移动端适配
  2. 是否兼容安卓4.4.0版本
  3. 是否配置微信sdk
  4. 是否使用vux
  5. 环境选择： 本地、开发、测试、生产、灰度、预发布

2. react 16.0

自定义配置

  1. 是否使用移动端适配
  2. 是否兼容安卓4.4.0版本
  3. 是否配置微信sdk
  4. 是否使用redux
  5. 环境选择： 本地、开发、测试、生产、灰度、预发布

3. 基于electron + react项目(todo)

TODO

4. 基于electron + vue(todo)

TODO

5. 使用rollup做构建工具，适用于编写组件或库

rollup是一款专业打包js的打包工具，比起webpack打包速度更快，体积更小。适用于组件和库的开发打包。

自定义配置

  • es – 将软件包保存为ES模块文件
  • cjs – CommonJS，适用于 Node 和 Browserify/Webpack
  • amd 异步模块定义，用于像RequireJS这样的模块加载器
  • umd – 通用模块定义，以amd，cjs 和 iife 为一体

插件选择：

  • rollup-plugin-node-resolve 插件可以告诉 Rollup 如何查找外部模块。 安装它
  • rollup-plugin-commonjs 们需要将CommonJS模块转换为 ES2015 供 Rollup 处理
  • rollup-plugin-babel 使用babel编译
  • rollup-plugin-uglify 压缩代码

6. 快速生成typscript环境

typscript是未来趋势，此模板快速生成typscript环境，用于各种实验

7. 快速生成es6+环境，用于做实验

使用ES6会出现兼容问题，此模板不仅能使用es6语法，甚至es7装饰器等草案都能使用。