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文件夹
相关推荐
podoor1 分钟前
wordpress不同网站 调用同一数据表
前端·wordpress
新知图书8 分钟前
Node.js快速入门
node.js
LJ小番茄21 分钟前
Vue 常见的几种通信方式(总结)
前端·javascript·vue.js·html
黑狼传说26 分钟前
前端项目优化:极致最优 vs 相对最优 —— 深入探索与实践
前端·性能优化
장숙혜32 分钟前
前端-CDN的理解及CDN一些使用平台
前端
FakeOccupational2 小时前
nodejs 007:错误npm error Error: EPERM: operation not permitted, symlink
前端·npm·node.js
奶糖 肥晨2 小时前
react是什么?
前端·react.js·前端框架
亦舒.2 小时前
JSDelivr & NPM CDN 国内加速节点
前端·npm·node.js
代码搬运媛2 小时前
code eintegrity npm err sha512
前端·npm·node.js
阳光开朗_大男孩儿2 小时前
DBUS属性原理
linux·服务器·前端·数据库·qt