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文件夹
相关推荐
家里有只小肥猫17 分钟前
uniApp小程序保存canvas图片
前端·小程序·uni-app
前端大全19 分钟前
Chrome 推出全新的 DOM API,彻底革新 DOM 操作!
前端·chrome
前端小臻1 小时前
关于css中bfc的理解
前端·css·bfc
白嫖不白嫖1 小时前
网页版的俄罗斯方块
前端·javascript·css
HappyAcmen1 小时前
关于Flutter前端面试题及其答案解析
前端·flutter
顾比魁1 小时前
pikachu之CSRF防御:给你的请求加上“网络身份证”
前端·网络·网络安全·csrf
林的快手1 小时前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
肥肠可耐的西西公主2 小时前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫2 小时前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月2 小时前
ES6相关操作(2)
前端·javascript·es6