装置形式形容

全局装置:装置Webpack到全局后,能够在任何文件地位共用一个Webpack可执行文件,而不必各个我的项目反复装置。部分装置:(举荐)装置到某个我的项目中,可避免不同我的项目依赖不同版本的 Webpack 而导致抵触。

装置

1) 全局装置
npm i -g webpack
提醒:如果须要装置指定版本
npm i -g webpack@<version>
<version>示意版本号

如果应用 webpack 4+ 版本,还须要装置 webpack-cli

npm i -g webpack-cli

验证是否装置胜利

webpack -v
2) 部分装置
npm i -D webpack
提醒:如果须要装置指定版本
npm i -D webpack@<version>
<version>示意版本号

如果应用 webpack 4+ 版本,还须要装置 webpack-cli

npm i -D webpack-cli

验证是否装置胜利

在package.json文件中,devDependencies中查看webpack-cli的版本信息。

因为是部分装置,要进入依赖包执行webpack的命令才无效,否则会被认为命令有效。 或者,应用 npm 包执行器 npx 能够主动找到对应的包执行命令(个别装置了npm会主动装置npx),有了这个工具,执行部分的webpack命令长度就短了。