window7安装webpack4.8 _window7

webpack版本更新之后，安装老是呈现问题，此刻小编就标的目的大师，介绍一种方式

需要这些哦
window7
git bash
nodejs
npm
方式/
1起首我们在桌面新建一个文件夹，定名为webpack-project,之后打开git bash
(没有的话，在window系统下，也是可以利用cmd定名的)

2输入 npm init 一向点回车，直到呈现 Is this OK？输入yes回车
npm init 初始化的目标，就是新建一个package.json的文件

文章插图

3此时我们看一下文件夹的里面，多了一个package.json的文件

文章插图

4回到我们的git bash 在git bash的号令行，输入 cnpm install --save-dev webpack (这里申明一下 cnpm是淘宝的镜像，不懂的小伙伴，可以百度一下)

文章插图

5紧接着继续输入
cnpm install --save-dev webpack-cli
cnpm install --global webpack
cnpm install --global webpack-cli
这里的--global暗示的是全局安装的意思
--save-dev暗示的是把安装的插件，放到package.json的文件中， -dev暗示的是在出产情况下利用的

文章插图

文章插图

6我们查看一下版本号
$ webpack -v ,若是呈现版本号，那么就申明webpack已经安装当作功了

文章插图

7$webpack
利用webpack的号令呈现错误
ERROR in Entry module not found: Error: Can't resolve './src' in 'C:\Users\Administrator\Desktop\webpack-project
呈现问题的原因是，我们在webpack-project的项目中没有找到进口文件 ./src
webpack的进口文件默认是./src/index.js
为此我们需要在webpack-project的项目中，新建一个src的文件夹，在其文件夹下新建一个index.js文件

文章插图

文章插图

8在src/index.js的文件夹中，写入工具，这里我写的内容是 alert("webpack test");
我们回到git bash的号令行的界面
再次输入webpack
我们可以看到打包是当作功的了，可是有一个警告，就是说我们没有指定，情况是出产模式(production)仍是开辟者模式(development)