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

完结!

相关推荐
蟾宫曲1 分钟前
Node.js 工具:在 Windows 11 中配置 Node.js 的详细步骤
windows·npm·node.js·前端工具
小华同学ai2 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
APP 肖提莫4 分钟前
MyBatis-Plus分页拦截器,源码的重构(重构total总数的计算逻辑)
java·前端·算法
问道飞鱼15 分钟前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k093317 分钟前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
傻小胖18 分钟前
React 脚手架使用指南
前端·react.js·前端框架
程序员海军30 分钟前
2024 Nuxt3 年度生态总结
前端·nuxt.js
m0_7482567841 分钟前
SpringBoot 依赖之Spring Web
前端·spring boot·spring
web135085886351 小时前
前端node.js
前端·node.js·vim
m0_512744641 小时前
极客大挑战2024-web-wp(详细)
android·前端