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文件夹
相关推荐
纯爱掌门人1 分钟前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl5 分钟前
OpenClaw 深度技术解析
前端
崔庆才丨静觅8 分钟前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人17 分钟前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼20 分钟前
shadcn/ui,给你一个真正可控的UI组件库
前端
布列瑟农的星空24 分钟前
前端都能看懂的Rust入门教程(三)——控制流语句
前端·后端·rust
Mr Xu_29 分钟前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
jerrywus35 分钟前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了
前端·agent·claude
玖月晴空39 分钟前
探索关于Spec 和Skills 的一些实战运用-Kiro篇
前端·aigc·代码规范
子兮曰44 分钟前
深入理解滑块验证码:那些你不知道的防破解机制
前端·javascript·canvas