1. npm init -y
    2. npm install webpack webpack-cli --save-dev

    cross-env & yargs的区别与作用

    cross-env
    image.png
    image.png
    可以在脚本里定义任意变量 然后通过process.env.xxxx输出

    image.png

    image.png
    简而言之 yargs 是解析运行脚本命令行工具的作用

    总结下来 使用crosss-env 区分环境变量

    问题:

    1. npm run xxxx 后做了哪些事情

    查找对应的命令，然后执行对应的命令 从node_moudles/.bin/对应的文件夹下查找命令，

    1. npm link 软连接是什么意思

    将A目录下的包链接到B目录下 以供调试 使用软链 npm link

    1. 执行任意脚本命令 发生了哪些事情

    判断有没有注册全局命令，如没有则跳过，有的话则执行以下步骤

    查看某个全局命令：

    1. which vue

    image.png
    查看这个命令是否是软链接 以及对应的真实文件：

    1. ls -al

    image.png

    从 0 构建自己的脚手架/CLI知识体系（万字）
    【万字】透过分析 webpack 面试题，构建 webpack5.x 知识体系【万字】透过分析 webpack 面试题，构建 webpack5.x 知识体系

    npm link的作用

    从零开始发布自己的NPM包
    前端工程化（5）：你所需要的npm知识储备都在这了