这篇文章主要讲解了“webpack-cli在webpack打包中的作用是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“webpack-cli在webpack打包中的作用是什么”吧！webpack 是一个静态的模块化打包工具，为现代的JavaScript应用程序服务打包 bundler：webpack可以帮助我们进行打包，所以它是一个打包工具静态的static：将代码打包成最终的静态资源（部署到静态服务器）模块化modul免费云主机域名e：webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等现代modern：前端开发的各种问题，催生了webpack的出现webpack 安装webpack 从 4.0 版本开始，在安装时，就必须要安装这两个东西。webpack 是打包代码时依赖的核心内容，而 webpack-cli 是一个用来在命令行中运行 webpack 的工具。但，webpack-cli对于打包文件不是必要的，这是为什么呢？以 npm run build 命令来解析 webpack-cli 在代码打包中的作用，wk.config.js 为自定义webpack 配置文件当在命令行中执行 npm run build 时，会执行node_modules/.bin下的webpack可执行文件这里有三个可执行文件，分别对应不同的平台以webpack可执行文件内容为例：从代码中可以看到，会执行node_modules/webpack/bin/ 目录下的webpack.js，该文件主要代码如下：该文件最重要的函数就是 runCli ，该函数可以执行 webpack-cli 包中bin目录下的cli.js 文件，也就是说在此之前的步骤只是为了找到cli.js文件，在此之后，webpack-cli 才发挥作用。同时，webpack.js 文件也做了一些辅助判断，首先查看你是否安装了webpack-cli，如果没有安装，就会询问你是否安装（或手动安装）该包，如果选择不安装，那么程序运行到这就停止了。接着打开webpack-cli/bin/cli.js该文件的主要函数为 runCLI，而 runCLI 又来自 bootstrap.js 文件，打开 bootstrap.js 文件注意，到了这里才真正用到了 webpack-cli 暴露出的接口，cli.run(args) 用来处理命令行参数，此时args参数为：最终，从以上整个过程，我们可以知道 webpack-cli 是用来处理命令行参数，并通过参数构建 compiler 对象，然后才是对代码进行打包的过程。这同时也解决了前文提出的问题，为什么webpack-cli对于文件打包不是必需的。 既然 webpack-cli只是为了处理命令行参数，那我们同样可以构建自己的cli来处理参数，比如 lyx-cli。在第三方框架中，React 和 Vue(未使用Vite的版本)也没有使用 webpack-cli.三面面试官：运行 npm run xxx 的时候发生了什么？ – 掘金 (juejin.cn)命令行接口（CLI） | webpack 中文文档 (docschina.org)感谢各位的阅读，以上就是“webpack-cli在webpack打包中的作用是什么”的内容了，经过本文的学习后，相信大家对webpack-cli在webpack打包中的作用是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
本篇内容介绍了“PostgreSQL聚合函数的分组排序怎么使用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！用于汇总的函数。COUNT，计算表中的行数(记录数)…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
