webpack安装

webpack功能

• 模块打包
• 打包js，html，css文件
• 插件功能

webpack环境搭建

基于node.js，首先需要安装node.js

安装webpack

npm i webpack -g
npm i webpack-cli -g （webpack4.0以上需要再安装）
// 查看版本，是否安装成功
webpack -v

-g全局安装，-D当前项目安装，node机制问题使本地安装require不到全局的包
不推荐全局安装，可能导致版本冲突问题
全局安装了，还要项目本地安装，为啥啊，不懂不懂
引用某乎

全局安装是为了让你自己能在命令行使用webpack，项目安装是为了让你的项目发布后，其他人可以在直接使用你的npm命令时使用与你相同版本的webpack

这2者其实是没有相关性的，本来就是为了2个不同目的进行的安装

安装时出现了一个问题

npm ERR! network request to https://registry.npmjs.org/webpack failed, reason: connect ETIMEDOUT xx.xx.xx.xx:port

修改npm的配置文件让npm到另外的pacakge mirror站点去找package

npm config set registry https://registry.npm.taobao.org 

项目初始化，生成package.json文件（在项目路径下使用cmd命令）

npm init -y

webpack项目本地安装（全局之后安装）