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.config.js](http://t.zoukankan.com/images/1575949564944.png)
关于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字段中;