webpack安装

1.需要node.js

安装nodejs
node下载地址https://nodejs.org/en/

2.初始化

建立一个空文件夹（我自己的命名是webpacklearning）

命令行输入

npm init

最后一步写yes再回车

此时再看文件夹，里面多了package.json

点开编辑可以看到内容为刚刚填写内容（此处是默认填写的）

其中第五行  "main": "index.js",为入口文件

"scripts":命令的映射。

可以通过npm run+scripts里面参数的前半部分来执行后半部分。

例如

（翻译为回声“错误:没有指定测试”&&退出）

回车会关闭当前窗口

输入

npm run test

 

提示："Error: no test specified"（翻译为"错误:没有指定测试"）

我们可以在scripts这里添加很多自定义的指令。

例如：将test对应的命令修改为ls（查看目录）

再次在命令行输入npm run test 时，执行结果如下:

 

第十行license为规范。例如开源项目写MIT

 

3.安装webpack

npm install webpack --save-dev

最后的-dev表示只在开发中保存，发布后就不再保存。

安装 webpack脚手架

npm install webpack-cli --save-dev

查询webpack版本号：由于我们webpack没有全局安装，所以需要通过npx webpack -v来查看

此时再来查看package.json文件

多了11-14行

 

平时打包发项目的时候都可以删除node_modules文件夹（通过npm install可以重新下载所引用的文件）

 

4.更换webpack版本

假如拿到的旧项目，使用的webpack版本较低。可以选择卸载现在的版本，下载旧版来兼容。

npm uninstall webpack

卸载全局状态下安装的webpack

npm uninstall webpack -g

安装制定版本

npm install webpack@3.12.0 --save-dev

可以利用npm info webpack查看可选择安装的版本