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文件夹
相关推荐
LIUENG2 分钟前
Vue3 响应式原理
前端·vue.js
讨厌吃蛋黄酥6 分钟前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
龙在天9 分钟前
🤩 用Babel自动埋点,原来这么简单!
前端
Hierifer10 分钟前
跨端实现之网络库拦截
前端
随笔记12 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛12 分钟前
异步任务并发控制
前端·javascript
imLix34 分钟前
RunLoop 实现原理
前端·ios
wayman_he_何大民40 分钟前
初始机器学习算法 - 关联分析
前端·人工智能
飞飞飞仔44 分钟前
别再瞎写提示词了!这份Claude Code优化指南让你效率提升10倍
前端·claude
刘永胜是我44 分钟前
node版本切换
前端·node.js