webpack--webpack的启用

1、创建项目目录结构

2、安装依赖

2.1 初始化项目

复制代码
npm init -y

2.2 安装webpack和webpack-cli

复制代码
npm i webpack webpack-cli -D

2.3 打包

复制代码
npx webpack ./src/main.js --mode=development
  1. "./src/main.js"是指定需要打包的文件
  2. --mode是指定打包的环境
  3. --mode有两个值,1、development(开发环境);2、production(生产环境);两者的区别就是使用生产环境模式打包,打包后的代码会进行压缩,代码体积会减小
  4. 打包后的结果默认会放入dist文件夹
相关推荐
艾小码12 小时前
告别数据混乱!掌握JSON与内置对象,让你的JS代码更专业
前端·javascript
liangshanbo121518 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦158820 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_20 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
Q_Q51100828521 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
哆啦A梦158821 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫21 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
Q_Q5110082851 天前
python基于web的汽车班车车票管理系统/火车票预订系统/高铁预定系统 可在线选座
spring boot·python·django·flask·node.js·汽车·php
yinuo1 天前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端