Webpack00-环境搭建
一、安装模式
全局安装 项目安装（推荐使用）--不同项目可能采用不同的webpack版本
二、项目安装
1、新项目
初始化
npm init -y查看webpack版本
npm info webpack
image.png
安装指定版本
npm install webpack@3.12.0 --save-dev查看当前版本
npx webpack -v2、老项目
npm install如何卸载webpack
npm uninstall webpackwebpack3.x和webpack4.x的差异性不小，使用的时候要特别的注意
三、依赖安装
包括生产依赖和开发依赖
image.png
安装开发依赖包（推荐方式）
npm install --save-dev XXX安装生成依赖包
npm install --save XXX安装所有依赖
npm install安装生产所有依赖
npm install --production四、运行命令
image.png
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"server": "webpack-dev-server --open",
"dev":"export type=dev&&webpack",
"build": "export type=build&&webpack"
},注意：mac电脑多了个&
1、编译命令（本地项目编译）
npx webpack自动打包监听
npx webpack --watch开发编译
npm run dev生产编译
npm run build2、启动服务
npm run server本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录