webpack安装
文章目录
- webpack功能
- webpack环境搭建
- 安装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项目本地安装（全局之后安装）