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文件夹
相关推荐
toooooop85 分钟前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
山有木兮木有枝_11 分钟前
手动封装移动端下拉刷新组件的设计与实现
前端
阳光阴郁大boy13 分钟前
大学信息查询平台:一个现代化的React教育项目
前端·react.js·前端框架
小菜全19 分钟前
uniapp新增页面及跳转配置方法
开发语言·前端·javascript·vue.js·前端框架
AlexMercer101222 分钟前
[前端]1.html基础
前端·笔记·学习·html
白水清风31 分钟前
关于Js和Ts中类(class)的知识
前端·javascript·面试
小菜全41 分钟前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
小天呐1 小时前
qiankun 微前端接入实战
前端·js·微前端
周航宇JoeZhou1 小时前
JP4-7-MyLesson后台前端(五)
java·前端·vue·elementplus·前端项目·mylesson·管理平台
Yaavi1 小时前
一个基于markdown的高性能博客模板
前端·开源·源码