【npm】准备Nodejs项目

2 年 ago
清, 扬
1 minute

希望选择的环境

    • OS: Windows10

 

    • コードエディターにVisual Studio Codeを使用している

Nodejs インストール済み

1. 创建工作目录

首先，在项目中创建一个目录，可以选择在任意位置。

> cd /d D:\NpmProjects
> mkdir Sample
> cd Sample

2. 项目的初始化

在已创建的目录中运行npm init命令，可以创建package.json文件。此外，通过添加–yes选项，可以跳过由REPL提出的输入要求。

> npm init --yes

只要package.json文件已创建，就算成功。

{
  "name": "sample",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

3. 安装方便的工具

为了高效推进开发工作，我们将安装一些有用的软件包。

rimraf 可以用中文翻译为 `删除目录`。

在跨平台的环境下，实现类似于UNIX命令”rm -rf”的功能。

> npm i -D rimraf

通过利用这个（指的是具体方案或工具）来删除每次在typescript等进行构建后的结果，以便使重新构建更加容易。

{
  ...,
  "scripts": {
    "pre<scriptName>": "rimraf <出力先>",
    "<scriptName>": "<コマンド>"
  }
}

这个例子使用Pre & Post Scripts功能，在构建时删除输出目标存在的情况下。

npm-run-all 可以在CLI中并行或顺序运行多个 NPM 脚本的命令行工具。

这是一个用于并行或按顺序执行多个NPM脚本的CLI工具。

> npm i -D npm-run-all

标准的npm run命令在执行多个脚本时会显得冗长。

使用npm-run-all可以让您能够使用类似全局模式的命令来编写命令。

run-s: 順番に実行

run-p: 並列に実行

{
  "scripts": {
    "build": "run-p build:*",
    "build:cjs": "<コマンド>",
    "build:esm": "<コマンド>"
  }
}
bannerAds