前端架构设计-脚手架本地调试

Posted 2021-04-02 茕茕白兔o

一，本地调试代码

// 先卸载全局包npm remove -g package-cli-name
// 在文件夹下执行npm link
// 执行 pack-cli 命令

二， 一个本地文件链接另一个本地文件进行调试

    ①， 从新建一个目录 package-cli-lib， 初始化 npm ，建 lib 文件夹，

    ②，将package.json中 main 的 引入路径修改一下

{ "name": "package-cli-lib", "version": "1.0.0", "description": "", "main": "lib/index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "author": "", "license": "ISC", "dependencies": {}}

    ③， 通过 npm link 将包链接到全局

    ④， 添加 index.js 测试代码

module.exports = { sum(a,b) { return a + b }}

    ⑤， 回到 package-cli 文件夹下， 在 package.json 文件夹下新增

"dependencies": { "package-cli-lib": "^1.0.0" },

    ⑥， 链接到 package-cli-lib

npm link package-cli-lib

    ⑦， 引入 package-cli-lib 包

#!/usr/bin/env node
const lib = require('package-cli-lib')console.log(lib)
console.log('哇哈哈真好喝aaaaasqqqss')

    ⑧， 执行 pack-cli 指令

    顺利打印出来了， 链接成功了。

    ⑨， 将 package-cli-lib 包 发布到 npm

npm publish

    ⑩， 在 package-cli 目录下 取消 link

npm unlink package-cli-lib

    通过npm 下载 package-cli-lib 包

npm i package-cli-lib

    执行 pack-cli 指令

    完成！