webpack的安装和运行

 

webpack依赖于node,为了可以正靠运行，必须依赖node环境.node环境为了可以真正的执行很多代码，必须其中包含各种依赖的包npm工县（node packages manager）所以在进行webpack安装之前，首先要安装node运行环境。

关于node的安装请参照博客的以下页面
https://www.cnblogs.com/singledogpro/p/11722561.html [node.js安装和配置(windows系统)]
https://www.cnblogs.com/singledogpro/p/11722672.html [node.js运行配置(vs code非控制台输出)]

webpack的安装
请确保安装了Node.js的最新版本。而且已经在您的项目根目录下已经初始化好了最基本的 package.json文件。

在终端运行的命令都是全局运行，所以不建议全局安装webpack，使用全局会导致项目混乱，因为每个项目创建时的打包工具不一样。选择本地安装包管理，即将运行指令配置到package.json的script属性中。
但是在没有配置webpack.config.js之前，如果想在终端使用【webpack】命令，就需要全局安装。一开始安装的webpack最好低于4.0版本

 

没有全局安装webpack,且没有配置webpack.config.js

 

关于webpack版本及打包的事情

【webpack安装低于4版本(没有配置webpack.config.js)】
https://www.cnblogs.com/singledogpro/p/12018896.html

webpack安装大于4.x版本(没有配置webpack.config.js)
https://www.cnblogs.com/singledogpro/p/12018900.html

所以推荐的开发环境是webpack@3.6.0

//低于4版本的安装指令
npm i webpack@3.6.0 -D

//高于4版本的安装指令
npm i webpack -D
npm i webpack-cli -D

npm install packagename --save 或 -S
--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；

npm install packagename --save-dev 或 -D
--save-dev 、 -D参数意思是吧模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的devDependencies字段中；