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文件夹
相关推荐
BD_Marathon4 分钟前
Vue3_Vite构建工程化前端项目
前端
武清伯MVP5 分钟前
CSS Grid布局全解析:从基础到实战的二维布局方案
前端·css·grid
xfq10 分钟前
typescript泛型枚举以及NaN传染处理
前端·typescript
ErMao11 分钟前
开始搭建第一个React项目吧~
前端·react.js
Yanni4Night20 分钟前
JavaScript打包器大奖赛:谁是构建速度之王? 🚀
前端·javascript
默海笑34 分钟前
VUE后台管理系统:项目架构之搭建Layout架构解决方案与实现
前端·javascript·vue.js
咸鱼加辣34 分钟前
【前端脚手架】node
前端
温宇飞37 分钟前
WebGL 的渲染管道和编程接口
前端·webgl
帅的被人砍xxx41 分钟前
【vue演练场安装 element-plus框架】
前端
麦麦大数据1 小时前
F051-vue+flask企业债务舆情风险预测分析系统
前端·vue.js·人工智能·flask·知识图谱·企业信息·债务分析