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文件夹
相关推荐
IT_陈寒9 分钟前
Redis缓存击穿把我坑惨了,原来这样解决才靠谱
前端·人工智能·后端
mfxcyh20 分钟前
Vue3 右键菜单实现方案(基于 vue3-context-menu)
前端
treesforest20 分钟前
从IP地址归属地查询到IP地理位置精准查询指南
服务器·前端·网络
LF男男27 分钟前
WindmillBullect.cs
前端
小白学大数据29 分钟前
Python 爬虫爬取应用商店数据:请求构造与数据解析
前端·爬虫·python·数据分析
pkowner37 分钟前
若依分页问题及解决方法
java·前端·算法
golang学习记44 分钟前
Cursor官方团队的AI指南:Cursor Team Kit
前端·cursor
Lee川1 小时前
RAG 知识库问答:从概念到代码的完整实现
前端·人工智能·后端
计算机安禾1 小时前
【c++面向对象编程】第22篇:输入输出运算符重载:<< 与 >> 的友元实现
java·前端·c++
redreamSo1 小时前
14 小时烧光 200 美金:Codex 和 Claude 的 /goal 命令打开了"放手跑"模式
前端