@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依赖templateCode和templateFilepath属性，请前往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