@lensung/cli

提供通用的前端工程化能力

Usage no npm install needed!

<script type="module">
  import lensungCli from 'https://cdn.skypack.dev/@lensung/cli';
</script>

README

@lensung/cli

提供通用的前端工程化能力

欢迎将你希望的功能通过 Issue 或 PR 的形式提供给本项目

安装

npm install -g @lensung/cli taobaodev

or

yarn global add @lensung/cli taobaodev

使用

执行命令 lensung

功能

dev

实现了 打包环节可控的代码压缩、图片优化、生产环境去 console、less 等前端工程化能力。

结合 taobaodev 实现了完整小程序开发调试打包工具。

使用流程：

  1. [仅首次使用需要] 项目根目录内 选择 [dev] 执行 [login] 登录淘宝账号
  2. [仅首次使用需要] 执行 [init] 初始化
  3. [仅首次使用需要] 执行 [bind] 绑定对应小程序
  4. 选择需要的开发流程 [dev]/[preview]/[debug]/[upload]
  5. 使用小程序开发者工具 打开项目内的 dist 目录进行开发
  • [dev]: 开发使用，运行后将监控项目内文件改动，实时处理并打包至 dist 目录中
  • [preview]: 调试使用，运行后将文件打包至 dist 目录中
  • [debug]: 调试使用，运行后将文件打包至 dist 目录中
  • [upload]: 发版使用，运行后将文件打包至 dist 目录中。唯一的生产环境，将进行代码压缩、去 console 等操作

注意：

  1. 默认加入了 Less 支持，原有 acss 文件更改后缀名为 less 即可使用
  2. 加入了预处理环境变量，process.env.NODE_ENV，可在程序内使用这个变量判断是开发环境 or 生产环境
  3. 项目中可能有 local-webview，这种情况下调试前需要先打包 local-webview。可创建配置文件 lensung.config.js，写入以下配置(npm scripts)，这样脚手架会在打包前执行指定的 npm scripts。
module.exports = {
  development: {
    beforeBuild: 'preview',
  },
  production: {
    beforeBuild: 'package',
  },
}

git

快速获取当前目录下当前用户的提交记录

prettier

选择目录与文件类型 进行批量格式化

上下进行选择、空格选中、a 键全选

目前支持的文件类型：

  • js,jsx,sjs
  • ts,tsx
  • css,acss
  • less
  • scss
  • html
  • axml
  • md
  • json
  • vue