构建一个简单的 npm 验证项目

构建一个简单的 npm 验证项目

  • [0. 背景](#0. 背景)
  • [1. 构建过程](#1. 构建过程)
    • [1-1. 创建项目并初始化](#1-1. 创建项目并初始化)
    • [1-2. 安装 mjs 支持的 package](#1-2. 安装 mjs 支持的 package)
    • [1-3. 在 package.json 中添加 mjs 脚本](#1-3. 在 package.json 中添加 mjs 脚本)
    • [1-4. 创建 index.mjs 文件](#1-4. 创建 index.mjs 文件)
    • [1-5. 执行脚本](#1-5. 执行脚本)
  • [2. (Optional)环境变量配置](#2. (Optional)环境变量配置)

0. 背景

工作上需要验证一下 npm 程序,所以需要构建一个简单的 npm 验证项目。

1. 构建过程

1-1. 创建项目并初始化

mkdir my-project
cd my-project
npm init -y

1-2. 安装 mjs 支持的 package

npm install -g @babel/cli @babel/core @babel/node @babel/preset-env

1-3. 在 package.json 中添加 mjs 脚本

"scripts": {
  "dev": "npx babel-node index.mjs"
}

1-4. 创建 index.mjs 文件

// index.mjs
console.log('Hello world!');

1-5. 执行脚本

npm run dev

输出:

> my-project@1.0.0 dev
> npx babel-node index.mjs

Hello world!

2. (Optional)环境变量配置

export PATH=$PATH:$(npm get prefix -g)/lib/node_modules/bin:$(npm get prefix -g)/lib/node_modules/lib/node_modules"

完结!

相关推荐
世俗ˊ18 分钟前
CSS入门笔记
前端·css·笔记
子非鱼92119 分钟前
【前端】ES6:Set与Map
前端·javascript·es6
6230_23 分钟前
git使用“保姆级”教程1——简介及配置项设置
前端·git·学习·html·web3·学习方法·改行学it
想退休的搬砖人32 分钟前
vue选项式写法项目案例(购物车)
前端·javascript·vue.js
加勒比海涛1 小时前
HTML 揭秘:HTML 编码快速入门
前端·html
啥子花道1 小时前
Vue3.4 中 v-model 双向数据绑定新玩法详解
前端·javascript·vue.js
麒麟而非淇淋1 小时前
AJAX 入门 day3
前端·javascript·ajax
茶茶只知道学习1 小时前
通过鼠标移动来调整两个盒子的宽度(响应式)
前端·javascript·css
清汤饺子1 小时前
实践指南之网页转PDF
前端·javascript·react.js
蒟蒻的贤1 小时前
Web APIs 第二天
开发语言·前端·javascript