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文件夹
相关推荐
Dontla8 分钟前
函数柯里化(Currying)介绍(一种将接受多个参数的函数转换为一系列接受单一参数的函数的技术)
前端·javascript
xixixin_11 分钟前
为什么 js 对象中引用本地图片需要写 require 或 import
开发语言·前端·javascript
uhakadotcom12 分钟前
Zustand状态管理库:轻量级、高效的React解决方案
前端·javascript·面试
再学一点就睡31 分钟前
Cookie、LocalStorage 和 SessionStorage 的全面解析
前端
余人于RenYu41 分钟前
前端插件使用汇总
前端·javascript
2301_789169541 小时前
前端对接下载文件接口、对接dart app
前端
邴越1 小时前
OpenAI Function Calling 函数调用能力与外部交互
开发语言·前端·javascript
uhakadotcom1 小时前
React 和 Next.js 的基础知识对比
前端·面试·github
Billy Qin1 小时前
Tree - Shaking
前端·javascript·vue.js
Theodore_10221 小时前
ES6(8) Fetch API 详解
开发语言·前端·javascript·ecmascript·es6