tsbb下載tsbb源代碼下載

快速啟動·示例·命令幫助·npm·許可證

TSBB是用於開發，測試和發布具有零配置的現代打字稿項目的CLI工具，也可以用於模塊或React組件開發。

TypeScript + Babel = TSBB

從TSBB 3.x遷移到4.x。

`Features`

單個依賴性零配置
⏱快速初始化示例項目並輸入開發模式
添加，修改或刪除文件時，代碼自動重新編碼
可讀的源代碼，鼓勵學習和貢獻
更快的彙編速度
⚛️支持React和Vue 3組件彙編
⛑帶有tsbb test默認值的Jest Test Runner設置

快速開始

您將需要在系統上安裝Node.js

$ yarn create tsbb [appName]
# or npm
$ npm create tsbb@latest my-app -- -e express
# --- Example name ------┴ˇˇˇˇˇ
# or npx
$ npx create-tsbb@latest my-app -e koa

# npm 7+, extra double-dash is needed:
$ npm init tsbb my-app -- --example typenexus
# npm 6.x
$ npm init tsbb my-app --example typenexus

$ cd my-project

$ npm run watch # Listen compile .ts files.
$ npm run build # compile .ts files.
$ npm start

1️⃣安裝和設置

$ npm i -D microbundle

2️⃣設置您的package.json ：

{
  "name" : " @pkg/basic " ,
  "version" : " 1.0.0 " ,
  "main" : " ./cjs/index.js " ,      // where to generate the CommonJS bundle
  "module" : " ./esm/index.js " ,    // where to generate the ESM bundle
  "exports" : {
    "require" : " ./cjs/index.js " , // used for require() in Node 12+
    "default" : " ./esm/index.js "  // where to generate the modern bundle (see below)
  },
  "scripts" : {
    "watch" : " tsbb watch " ,
    "build" : " tsbb build --bail " ,
    "test" : " tsbb test " ,
    "coverage" : " tsbb test --coverage --bail "
  },
  "devDependencies" : {
    "tsbb" : " 4.1.14 "
  }
}

3️⃣通過運行NPM運行構建來嘗試一下。

例子

創建TSBB從其中一個示例中初始化項目：

$ npx create-tsbb my-app -e < Example Name >
# --- E.g: ----------------┴ˇˇˇˇˇˇˇˇˇˇˇˇˇˇ
# npx create-tsbb my-app -e Basic

您可以直接下載以下示例。下載頁面。

basic - node.js基本應用程序示例。
babel-transform-ts babel轉換打字稿示例。
express -Express Base應用程序示例。
typenexus Express＆typeorm基本應用程序示例。
koa KOA基本應用程序示例。
hapi HAPI基本應用示例。
react-component組件基礎應用程序示例。
react-component-tsx -React組件和網站基本應用程序示例。
transform-typescript - 重新配置Babel配置示例。
umd UMD捆綁示例。
vue添加VUE 3 JSX支持。

打字稿項目

要正確配置tsconfig.json ，您必須首先定義include或files字段才能指定需要編譯哪些文件。完成此操作後，您可以在配置中指定輸出目錄的outDir 。

 {
  "$schema" : "http://json.schemastore.org/tsconfig" ,
  "compilerOptions" : {
    "module" : "commonjs" ,
    "target" : "esnext" ,
    "outDir" : "./lib" ,
    "strict" : true ,
    "skipLibCheck" : true
  } ,
  "include" : [ "src/**/*" ] ,
  "exclude" : [
    "node_modules" ,
    "**/*.spec.ts"
  ]
}

完成tsconfig.jso配置後，您可以在package.json中配置腳本：

 {
  "scripts" : {
    "watch" : "tsbb watch" ,
    "build" : "tsbb build"
  } ,
  "devDependencies" : {
    "tsbb" : "*"
  }
}

預告片項目

將參數--use-babel添加到項目中，使Babel能夠同時編譯和輸出cjs / esm文件，而ts僅需要用於類型輸出。

$ tsbb build " src/*ts " --use-babel

您可以通過添加.babelrc配置文件來更改Babel的內置設置。此外，您可以通過環境變量分別修改esm和cjs的Babel配置。請參閱下面的示例：

 {
  "env" : {
    "cjs" : {
      "presets" : [ "@babel/preset-typescript" ]
    } ,
    "esm" : {
      "presets" : [ "@babel/preset-env" , {
        "modules" : false ,
        "loose" : true ,
        "targets" : {
          "esmodules" : true ,
        } ,
      } ]
    }
  } 
}

在編譯時，指定環境變量--envName='xxx'以啟用從設置中讀取相關配置。此環境變量也可以自定義。

 {
  "env" : {
    "xxx" : { ... }
  } 
}

命令幫助

以下是您可能會發現有用的命令的幫助。

`tsbb`

▶ tsbb --help

Usage: tsbb < command >

Commands:

  tsbb build [source…] [options]   Build your project once and exit.
  tsbb watch [source…] [options]   Recompile files on changes.
  tsbb test [options]              Run jest test runner in watch mode.
  tsbb copy | cpy < source … > [options]   Copy files.

Options:[build | watch]

  --bail                     Exit the compile as soon as the compile fails(default: true).
  --use-babel                Use Babel.(works in babel)
  --source-maps              Enables the generation of sourcemap files.(works in babel)
  --env-name                 The current active environment used during configuration loading.(works in babel)
  --esm                      Output " esm " directory.(works in babel)
  --cjs                      Output " cjs " directory.(works in babel)
  --use-vue                  Supports " Vue3 " , requires " --use-babel " to be used together.
Options:

  --version, -v              Show version number
  --help, -h                 Show help

Examples:

  $ tsbb build src/ * .ts                    Build your project.
  $ tsbb build src/main.ts src/good.ts     Specify the entry directory.
  $ tsbb build src/ * .ts --use-babel --no-source-maps   No " .js.map " file is generated. (works in babel)
  $ tsbb watch src/ * .ts --use-babel --cjs ./cjs        Watch Output directory.
  $ tsbb build src/ * .ts --use-babel --esm ./es         Output directory.
  $ tsbb build src/ * .ts --use-babel --use-vue          To add Vue JSX support.
  $ tsbb test                              Run test suites related
  $ tsbb test --coverage --bail            Test coverage information should be collected
  $ tsbb copy  ' src/*.png ' ' !src/goat.png ' --output dist     Copy files.
  $ tsbb copy  ' src/*.png ' ' src/goat.{js,d.ts} ' --output dist --watch

  Copyright 2023

`tsbb create`

請使用Create-TSBB創建示例。

`tsbb test`

以交互式模式運行測試觀察器（JEST）。

$ tsbb test                          Run test suites related
$ tsbb test --coverage --no-color    Test coverage information should be collected

 export declare type Argv = Arguments < Partial < {
  all : boolean ;
  automock : boolean ;
  bail : boolean | number ;
  cache : boolean ;
  cacheDirectory : string ;
  changedFilesWithAncestor : boolean ;
  changedSince : string ;
  ci : boolean ;
  clearCache : boolean ;
  clearMocks : boolean ;
  collectCoverage : boolean ;
  collectCoverageFrom : string ;
  collectCoverageOnlyFrom : Array < string > ;
  color : boolean ;
  colors : boolean ;
  config : string ;
  coverage : boolean ;
  coverageDirectory : string ;
  coveragePathIgnorePatterns : Array < string > ;
  coverageReporters : Array < string > ;
  coverageThreshold : string ;
  debug : boolean ;
  env : string ;
  expand : boolean ;
  findRelatedTests : boolean ;
  forceExit : boolean ;
  globals : string ;
  globalSetup : string | null | undefined ;
  globalTeardown : string | null | undefined ;
  haste : string ;
  init : boolean ;
  injectGlobals : boolean ;
  json : boolean ;
  lastCommit : boolean ;
  logHeapUsage : boolean ;
  maxWorkers : number | string ;
  moduleDirectories : Array < string > ;
  moduleFileExtensions : Array < string > ;
  moduleNameMapper : string ;
  modulePathIgnorePatterns : Array < string > ;
  modulePaths : Array < string > ;
  noStackTrace : boolean ;
  notify : boolean ;
  notifyMode : string ;
  onlyChanged : boolean ;
  onlyFailures : boolean ;
  outputFile : string ;
  preset : string | null | undefined ;
  projects : Array < string > ;
  prettierPath : string | null | undefined ;
  resetMocks : boolean ;
  resetModules : boolean ;
  resolver : string | null | undefined ;
  restoreMocks : boolean ;
  rootDir : string ;
  roots : Array < string > ;
  runInBand : boolean ;
  selectProjects : Array < string > ;
  setupFiles : Array < string > ;
  setupFilesAfterEnv : Array < string > ;
  showConfig : boolean ;
  silent : boolean ;
  snapshotSerializers : Array < string > ;
  testEnvironment : string ;
  testFailureExitCode : string | null | undefined ;
  testMatch : Array < string > ;
  testNamePattern : string ;
  testPathIgnorePatterns : Array < string > ;
  testPathPattern : Array < string > ;
  testRegex : string | Array < string > ;
  testResultsProcessor : string ;
  testRunner : string ;
  testSequencer : string ;
  testURL : string ;
  testTimeout : number | null | undefined ;
  timers : string ;
  transform : string ;
  transformIgnorePatterns : Array < string > ;
  unmockedModulePathPatterns : Array < string > | null | undefined ;
  updateSnapshot : boolean ;
  useStderr : boolean ;
  verbose : boolean ;
  version : boolean ;
  watch : boolean ;
  watchAll : boolean ;
  watchman : boolean ;
  watchPathIgnorePatterns : Array < string > ;
} > > ;