怎么查看webpack版本，webpack版本问题？

本文目录一览：

• 〖壹〗、怎么检查webpack有没有安装过
• 〖贰〗、如何安装webpack及运行webpack
• 〖叁〗、npm安装全局和局部包版本不同时,如何使用到
• 〖肆〗、如何获取本地webpack版本号

怎么检查webpack有没有安装过

〖壹〗、首先按下快捷键crtl＋R键打开windows的运行对话框：然后接着在运行中输入cmd命令，之后点击确定打开命令提示符：最后在命令提示符中输入“webpack -v”，即可打印出系统当前安装的webpack版本。

〖贰〗、PS：检测cnpm是否安装成功，在命令行中输入cnmp -v即可。第三步，安装webpack。执行命令：cnpm install webpack -g。PS：同样的事使用webpack -v来检测webpack是否安装成功。第四步，安装Vue。

〖叁〗、MDK：安装pack包教程有时候拿了别人的程序，然后用MDK打开，再编译，咦，怎么有问题。是的，可能是你没有安装那个芯片的相关的Pack包。

〖肆〗、如果想要深入的了解process.env，移步至此： 理解webpack之process.env 。再次就不过多讨论这个，只是下面会用到这变量。

如何安装webpack及运行webpack

npm install --save-dev webpack ： 安装Webpack npm install webpack webpack-cli --save-dev ：此工具用于在命令行中运行 webpack webpack 开箱即用，可以无需使用任何配置文件。

step5： 配置入口文件和出口文件 每次修改js文件，手动输入命令： webpack 入口文件路径 -o 出口文件路径 重新打包， 每次都要输入入口文件和出口文件，麻烦。

配置 HotModuleReplacementPlugin 插件和 devServer ，因为HotModuleReplacementPlugin是webpack内置插件，所以不用额外安装的。

npm安装全局和局部包版本不同时,如何使用到

〖壹〗、安装位置：npm install moduleName ，则是将模块下载到当前命令行所在目录。

〖贰〗、使用 npm link命令还可以将本地的包链接到全局。使用 *** 是在包目录( package.json 所在目录)中运行 npm link 命令。如果你的项目不再需要该模块，可以在项目目录内使用npm unlink命令，删除符号链接。

〖叁〗、引入之后我们保存到了gulp和less中，这样，我们就可以继续使用他们了。

〖肆〗、npm install npm@latest -g 安装成功后你可以删除usr/local/lib/node_modules和usr/local/bin/npm了。如果不重新安装npm，就必须保留user/local下面的包，当然更新后还是会安装到新位置。

〖伍〗、If you need both， then install it in both places， or use npm link我们通常使用require()，所以通常使用本地安装不使用全局安装。

如何获取本地webpack版本号

首先，按快捷键crtl＋R打开windows操作对话框：然后在运行中输入CMD命令，然后单击“确定”打开命令提示：最后，在命令提示符下输入“webpack－v”打印出当前安装的webpack版本。

弄清楚安装依赖的命令以后，把node_moudles删除，重新npm/cnpm install即可。如果还报错的话，你要检查webpack 与 webpack-dev-server 的版本是否对应，这两个东西的版本必须是对应的才可以。

想要在命令行里运行 webpack 全局安装 npm i -g webpack，具体项目的话，不推荐这种方式，因为不同项目可能依赖不同的版本。

webpack 4 之前的版本是通过 webpack.optimize.CommonsChunkPlugin 来压缩js， webpack 4 版本之后被移除了，使用 config.optimization.splitChunks 来代替。