webapck打包原理--启动过程分析

一、运行命令

 (1)npm script

//开发环境
npm run dev
//生产环境
npm run build

(2)webpack直接执行

webpack entry.js bundle.js

二、查找Webpack入口文件

(1)在命令行运行以上命令后,npm会让命令行工具进入node_modules\.bin 目目录查找是否存在 webpack.sh 或者 webpack.cmd 文件,如果存在,就执行,不存在,就抛出错误。

(2)实际的入口文件是:node_modules\webpack\bin\webpack.js

三、webpack 的入口文件:webpack.js 分析

#!/usr/bin/env node

// @ts-ignore
//正常执行返回(exitCode为0,error为null),报错会修改exitCode同时throw error
process.exitCode = 0;

/**
 * @param {string} command process to run
 * @param {string[]} args commandli
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值