当前位置: 首页 > Web前端 > HTML

webpack和webpack-cli的安装

时间:2023-03-28 16:41:50 HTML

webpack目前分为两种:webpack、webpack-cliwebpack和webpack-cli的区别在命令行执行webpack命令,.bin目录下的webpack文件在node_modules下将被执行。webpack的执行依赖于webpack-cli。如果没有安装webpack-cli,会报错。当代码在webpack-cli中执行时,就是用webpack编译打包的过程;npminstallwebpackwebpack-cli–g#globalinstallationnpminstallwebpackwebpack-cli–D#partialinstallation(项目中使用)globalinstallation和partialinstallation的区别?如果只有全局的webpack,那么打包的时候就使用全局的webpack。不同电脑上不同版本的webpack会导致包的安装版本不同。部分安装:每个项目都有自己的webpack版本,-D是开发时的依赖,定义了统一版本的webpack,打包时不会出现包版本问题。直接在命令行执行webpack,找到全局的webpack。如果要使用本地webpack:去node_modules中的.bin中寻找webpack:./node_modules/.bin/webpackexecutenpxwebpack默认在node_modules中寻找.bin下面的webpack文件中写脚本“build”:“npxpackage.json中的"webpack",使用时npmrunbuild相当于执行了webpack命令。webpack是如何确定我们的入口点的?当我们运行webpack时,webpack会在当前目录下寻找src/index.js作为入口,如果没有src/index.js文件就会报错。webpack是如何打包我们的项目的?根据命令或配置文件找到入口文件。从入口开始,会生成一个依赖图,里面会包含应用中需要的所有模块(如.js文件、css文件、图片、字体等),然后遍历Graph结构,将模块一一封装(根据不同的文件使用不同的loader来解析)