pack 方便的npm 构建工具

 

一般我们都是使用nodejs 自身的npm 或者yarn进行 npm 包的开发（包括构建），但是随着强类型的开发模式
在实际web 的开发中越来越重要，大家一般都会选择使用typescript 等js 的超集语言进行web 开发。
pack 就是一款方便我们进行npm 包构建同时帮助我们生成typescript 类型定义

基本使用

• 初始化项目

yarn init -y

• 全局安装pack
  可以使用dev 的模式进行安装，同时还是npm script 这样方便新功能的使用

npm install -g @pika/pack
or
yarn global add @pika/pack

• 项目结构
  注意pack 默认源码是src 目录，这个也比较符合现有的开发规范，根目录的package.json 只是一个类似的模板
  主要是方便生成pkg 目录中的文件，具体生成的文件，是根据实际配置的构建piopeline
  ```code
  ├── package.json
  ├── src
  │ └── index.js
  └── yarn.lock

*  添加pack基本配置
根目录的package.json
```code
{
  "@pika/pack": {
    "pipeline": [
      [
        "@pika/plugin-standard-pkg"
      ],
      [
        "@pika/plugin-build-node"
      ],
      [
        "@pika/plugin-build-web"
      ]
    ]
  },
  "name": "first",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "@pika/plugin-build-node": "^0.3.9",
    "@pika/plugin-build-web": "^0.3.9",
    "@pika/plugin-standard-pkg": "^0.3.9",
    "pack": "^2.2.0"
  },
  "scripts": {
    "build": "pack build"
  }
}

• 编写简单代码
  src/ index.js

class PaltformLogin {
    constructor(name,age){
        this.name=name;
        this.age=age;
    }
    printName(){
        return this.name;
    }
}
var user = {
    name: "dalongdemo",
    age:333
}
export {PaltformLogin,user}
export default user

• 运行pack
  使用了npm scripts

yarn build

效果

yarn build
yarn run v1.10.1
$ pack build
@pika/pack build v0.3.1
[1/6] Validating source...
[2/6] Preparing pipeline...
      ❇️ pkg/
[3/6] Running @pika/plugin-standard-pkg...