构建一个简单的 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

输出:

复制代码
> [email protected] 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"

完结!

相关推荐
月亮慢慢圆12 分钟前
事件循环
前端
huangkaihao13 分钟前
像讲故事一样的STAR法则:从像素到视口的自适应之旅
前端·面试·程序员
Ryanho13 分钟前
使用bun搭建一个vitepress个人笔记站点
前端
oil欧哟16 分钟前
🧐什么是 MCP 服务?如何利用 cursor + MCP 快速将现有服务接入大模型?
前端·node.js·cursor
前端小崔16 分钟前
从零开始学习three.js(12):单个大模型加载优化实战:从卡顿到流畅的完整指南
前端·three.js
mikan17 分钟前
练习手写一个光线追踪渲染器
前端
逆袭的小黄鸭18 分钟前
仿 ElementPlus 组件库(七)—— 使用 VitePress 生成文档页
前端·vue.js
进击的莫莫哒18 分钟前
Promise使用快速攻略
前端·javascript
谎言西西里21 分钟前
掌握 Vue Router:构建动态单页应用的导航利器🫡
前端·vue-router
紫色风铃21 分钟前
图解版LIS,一篇文章教会你什么是最长递增子序列
前端·算法·面试