此系列随时可能断更，毕竟我是解释型源码分析……
尝试看过Spring的源码，有点烧脑，所以还是重回JS吧！
在配置完环境变量后，可以通过webpack指令进行打包，需要知道的是，如果当前路径存在webpack.config.js文件，会被默认指定为配置JS文件
官网原文如下：If a webpack.config.js is present, the webpack command picks it up by default
也就是说直接执行webpack指令会默认执行webpack webpack.config.js，也可以通过--config自定义
第一章来点轻松的，比如说webpack.cmd。
批处理文件源码如下：
REM @代表该行指令不会被显示在界面中REM IF EXIST/ELSE类似于普通编程语言的if/elseREM %开头的相当于一个占位符@IF EXIST "%~dp0\node.exe" ( ???REM 执行node.exe 并继续执行webpack ...(参数) ?"%~dp0\node.exe" ?"%~dp0\..\webpack\bin\webpack.js" %*) ELSE (REM 延迟执行 ?@SETLOCALREM 变量赋值 返回所有系统认为可执行文件类型 排除.JS ????@SET PATHEXT=%PATHEXT:;.JS;=;%REM 尝试直接执行node webpack ... ?node ?"%~dp0\..\webpack\bin\webpack.js" %*)
语言是bat命令，花了1个小时入了个门，大概能懂指令的内容。
这里比较复杂的一个是占位符%，%0在这里相当于当前绝对路径，%~dp0是对内容的格式化，测试代码如下：
REM E:\1-homework\a.cmd@echo offecho %0echo "%~d0"echo "%~p0"echo "%~dp0"pause
输出为：
所以第一段IF EXIST指令判断的是在当前路径是否存在node.exe文件，如果有就执行并调用后面的webpack指令。
指令行最后的%*代表所有接收的参数，参数来自于指令后面自定义的字符了，测试代码如下：
@echo offecho the params is: %*pause
然后在当前路径打开cmd在执行文件名后面加上1 2 3，输出如下：
也就是在webpack input1.js input2.js指令中，input1.js与input2.js会当成参数替换掉%*。
下面的两个命令可以自己去查，这里暂时看不到作用。
如果当前路径不存在node.exe，会尝试直接调用node webpack进行打包操作。
需要注意的是，这里的node并不是一个简单的cmd脚本，而是一个可执行文件，可以在安装的nodejs文件夹中找到npm.cmd：
:: Created by npm, please don‘t edit manually.@ECHO OFFSETLOCALSET "NODE_EXE=%~dp0\node.exe"IF NOT EXIST "%NODE_EXE%" ( ?SET "NODE_EXE=node")SET "NPM_CLI_JS=%~dp0\node_modules\npm\bin\npm-cli.js"FOR /F "delims=" %%F IN (‘CALL "%NODE_EXE%" "%NPM_CLI_JS%" prefix -g‘) DO ( ?SET "NPM_PREFIX_NPM_CLI_JS=%%F\node_modules\npm\bin\npm-cli.js")IF EXIST "%NPM_PREFIX_NPM_CLI_JS%" ( ?SET "NPM_CLI_JS=%NPM_PREFIX_NPM_CLI_JS%")"%NODE_EXE%" "%NPM_CLI_JS%" %*
这里需要关注的只有第一个SET语句，将node.exe赋值给node_exe，执行node_exe命令也就相当于执行node.exe文件。
回到webpack指令中，"%~dp0\..\webpack\bin\webpack.js"的webpack并不是主函数，只是预处理，引入了一个叫yargs的命令行框架，并在里面再次引入真正的webpack，并将配置文件的options传入进行打包，源码简化后如下：
var path = require("path");try { ???var localWebpack = require.resolve(path.join(process.cwd(), "node_modules", "webpack", "bin", "webpack.js")); ???if (__filename !== localWebpack) { ???????return require(localWebpack); ???}} catch (e) {}// 引入yargs框架var yargs = require("yargs").usage("...");// ...yargs.options({ ???// ...});yargs.parse(process.argv.slice(2), (err, argv, output) => { ???// ... ???function processOptions(options) { ???????// ... ???????// 引入真正的webpack ???????var webpack = require("../lib/webpack.js"); ???????Error.stackTraceLimit = 30; ???????var lastHash = null; ???????var compiler; ???????try { ???????????// 将配置文件的options传入进行编译 ???????????compiler = webpack(options); ???????} catch (err) { ???????????// ... ???????????throw err; ???????} ???????// 编译后处理 ???????// ... ???} ???processOptions(options);});来自于lib文件夹的webpack才是真正的主入口函数。
这一节内容暂时就到这里，简单过了一下cmd~
.1-浅析webpack源码之webpack.cmd
原文地址：http://www.cnblogs.com/QH-Jimmy/p/8016832.html