526互联

新建一个vite项目，使用ts语法的公共方法库的项目

发布时间 2023-11-23 09:49:13作者: yoona-lin

要创建一个使用TypeScript语法的公共方法库项目，可以按照以下步骤使用Vite构建工具来设置项目：

  1. 安装Vite全局工具（如果已安装，请跳过此步骤）：

    npm install -g create-vite
```

  2. 创建新项目：

    create-vite my-library --template=ts
```

上述命令将在名为`my-library`的文件夹中创建一个新的Vite项目，并使用TypeScript模板初始化项目。

  3. 进入项目目录：

    cd my-library
```

  4. 将公共方法添加到项目中：
    在src目录下创建一个文件（例如 utils.ts），并添加你的公共方法：

    export function myUtilMethod() {
  // 具体的方法实现
}
```

  5. 在src目录下创建一个入口文件（例如 index.ts），用于导出公共方法：

    export * from './utils';
```

  6. 构建项目：

    npm run build
```

这将在`dist`目录中生成构建好的JavaScript文件。

  7. (可选) 发布到NPM：
    如果你打算将该库发布到NPM供他人使用，可以使用npm publish命令将其发布到NPM仓库。这需要你在NPM上拥有一个账号并进行登录。

    npm login
npm publish
```

这样，你就创建了一个使用TypeScript语法的公共方法库项目，并通过Vite进行了构建。

在使用该公共方法库的项目中，你可以通过以下方式安装并引入它：

npm install my-library

import { myUtilMethod } from 'my-library';

// 使用公共方法
myUtilMethod();

请根据你的实际需求和方法实现进行调整，这里提供的是一个基本的示例。