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文件夹
相关推荐
假如让我当三天老蒯13 小时前
useCallback 详细解释(从原理到用法)(自学用)
前端·react.js
a11177613 小时前
粒子化系统(3D-Particles)THreeJS react
前端·html·jetson
码农君莫笑13 小时前
深入理解 CSS Grid 布局:从入门到实战
前端·css
yingyima13 小时前
Azure Functions 定时触发器配置:Cron vs. TimerTrigger,谁主沉浮?
前端
TeamDev13 小时前
JxBrowser 9.1.1 版本发布啦!
java·前端·chromium·混合应用·jxbrowser·嵌入式浏览器·浏览器控件
爱勇宝13 小时前
如何评估 AI 大模型的商业价值?
前端·后端·程序员
蜡台14 小时前
UniApp WebView 组件宽高设置与动态适配全方案
前端·javascript·uniapp·webview·iframe
半个烧饼不加肉14 小时前
JS 底层探究-- 调用栈(Call Stack)
开发语言·前端·javascript
子午15 小时前
基于DeepSeek的智能校园教务管理系统~Web管理系统+Vue3+Python+DeepSeek智能问答
前端
change_fate15 小时前
ERR_PNPM_WORKSPACE_PKG_NOT_FOUND In ...
java·服务器·前端