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

完结!

相关推荐
利刃大大3 分钟前
【Vue】组件化 && 组件的注册 && App.vue
前端·javascript·vue.js
一起养小猫13 分钟前
Flutter for OpenHarmony 实战:按钮类 Widget 完全指南
前端·javascript·flutter
css趣多多15 分钟前
Vux store实例的模块化管理
前端
我是伪码农1 小时前
Vue 1.26
前端·javascript·vue.js
晚霞的不甘2 小时前
Flutter for OpenHarmony 创意实战:打造一款炫酷的“太空舱”倒计时应用
开发语言·前端·flutter·正则表达式·前端框架·postman
这儿有一堆花2 小时前
CSS 拟真光影设计:从扁平到深度的技术复盘
前端·css
_OP_CHEN3 小时前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
你脸上有BUG3 小时前
【工程化】记给ant-design-vue打补丁的示例
前端·javascript·vue.js·补丁·ant-design-vue
灰灰勇闯IT4 小时前
Flutter for OpenHarmony:布局组件实战指南
前端·javascript·flutter
⑩-5 小时前
Vue框架学习
前端·vue.js·学习