聊聊webpack和webpack-cli模块源码分析
发布时间:2021-12-14 11:01 所属栏目:52 来源:互联网
导读:webpack4与webpack3的区别 webpack4.0 以后,似乎执行方式就发生了改变,不再是 webpack 一波流,而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行运行 webpack 命令的同时,会提示让你再装一个 webpack-cli。 执行脚本到打包
webpack4与webpack3的区别 webpack4.0 以后,似乎执行方式就发生了改变,不再是 webpack 一波流,而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行运行 webpack 命令的同时,会提示让你再装一个 webpack-cli。 执行脚本到打包结束流程 1、当我们安装了webpack模块后,就会在node_modules/.bin目录下生成一个webpack、webpack.cmd,webpack是linux下的命令脚本,webpack.cmd是windows下命令脚本,webpack.cmd可以在windows系统上直接运行。 每当执行npm run,就会自动新建一个 Shell,在这个 Shell 里面执行指定的脚本命令。因此,只要是 Shell(一般是 Bash)可以运行的命令,就可以写在 npm 脚本里面。 执行一下命令cd ./node_modules/.bin/ 2、package.json中script配置dev: webpack --mode development,当执行npm run dev相当于执行webpack --mode development 3、node_modules/webpack/bin/webpack.js首先会判断是否安装了webpack-cli模块,如果没有安装webpack-cli模块就会引导用户去安装,如果已经安装了webpack-cli模块,就会去执行node_modules/webpack-cli/bin/cli.js CLIs = [ { name: "webpack-cli", package: "webpack-cli", binName: "webpack-cli", alias: " (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读