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

完结!

相关推荐
Mintopia12 分钟前
🚀 一文看懂 “Next.js 全栈 + 微服务 + GraphQL” 的整体样貌
前端·javascript·全栈
Mintopia15 分钟前
🧬 医疗Web场景下,AIGC的辅助诊断技术边界与伦理
前端·javascript·aigc
半桶水专家19 分钟前
父子组件通信详解
开发语言·前端·javascript
Watermelo61722 分钟前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路26 分钟前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment28 分钟前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI39 分钟前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆41 分钟前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆1 小时前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆1 小时前
TypeScript类:面向对象编程的超级武器
前端·javascript