1.0.2 • Published 2 years ago

jiguang-tk v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

@suning/view3-cli

vue3.x应用命令行工具

全局安装或者升级

npm install @suning/view3-cli@latest -g

快速开始

在现有的项目中安装插件

view3 add <pluginName>

PS:目前仅支持typescript

usage:

view3 add typescript

创建新项目

view3 create <projectName>

PS:projectName是可用的工程名(字母、数字,下划线,横杠)或者当前目录

usage:

view3 create .  //当前工作目录创建

调试服务

npm run serve  //默认pre环境

PS:CLI内置各个环境调试,如下:

  • SIT: npm run serve:sit
  • PRE:npm run serve:pre
  • XGPRE:npm run serve:xgpre

静态资源打包

npm run release  //默认prd环境

PS:不同环境打包命令,如下:

  • SIT: npm run release:sit
  • PRE:npm run release:pre
  • XGPRE:npm run release:xgpre

cms静态内容分模板ftl、model(模块)、js三类(css/img也算js类),可以指定打包类型,逗号拼接。

cms包含model(模块)的概念,所以如果要打包model请在release/model目录下放置需要的ftl文件

通用静态内容打包,取dist目录压缩zip

同时支持以下选项

  • -s 指定静态资源类型,不传即所有(cms静态内容打包时候使用) 字符串
  • -z 指定zip包名,不传即package.json内name属性(通用静态内容打包时候使用) 字符串
  • --static 通用静态内容打包zip 布尔

cms静态内容usage:

npm run release -- -s js,ftl,mod

通用静态内容usage:

npm run release -- -z myproject --static

package.json配置(cms项目必须)

cms release依赖templateCodetemplateFilepath属性,请前往package.json文件按下图配置

额外配置选项(cms项目及通用静态都支持)

  "excludeReleaseFiles": [
    "node_modules" //排除打包dist下某目录或者文件,相对路径
  ],
  "transReleaseFiles": {
    "lib.js": "editFilePath/lib.js" //dist目录或文件打包后存放的路径,相对路径
  }

最后:

  • CLI提供.serve.html和.release.ftl分别对应调试环境和发布环境模板,因此如果自己有代码写入需求要考虑2个文件都加上。
  • CLI支持es2015-es2020语法,并按需polyfill 浏览器环境不支持的全局对象和实列方法(如Proxy、Set、Symbol、includes等等)来达到模拟填充ES5
  • CLI手工搭建工具链,而没选现有@vue/cli是考虑二次封装的脚手架不利用掌握webpack知识点。

LICENSE

MIT