当前位置： 首页 > news >正文

webpack--webpack的启用

news 来源：原创 2024/9/20 13:43:36

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文件夹下

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • static关键字
  • pyannote源码阅读（一）
  • 英国政府停止使用人工智能
  • Linux 命令重定向介绍
  • electron 两个渲染进程之间通信
  • 教育行业，等保之重
  • 2534. 乘方 [CSP-J 2022]
  • WIN/MAC 图像处理软件Adobe Photoshop PS2024软件下载安装
  • Android开发语言Kotlin简介
  • 硬件寄存器的简单理解
  • http重要的状态码【精简版】
  • 前端理论总结（js）——原型链 // 原型 // 浅拷贝和深拷贝
  • 爬取央视热榜并存储到MongoDB
  • 前端宝典十六：深入浅出8大设计模式
  • WIFI驱动开发
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • Android优雅地处理按钮重复点击
  • CSS 提示工具(Tooltip)
  • CSS 专业技巧
  • egg(89)--egg之redis的发布和订阅
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • EventListener原理
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • Java面向对象及其三大特征
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Sass Day-01
  • V4L2视频输入框架概述
  • 后端_MYSQL
  • 悄悄地说一个bug
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 我的zsh配置, 2019最新方案
  • 在Unity中实现一个简单的消息管理器
  • 怎么将电脑中的声音录制成WAV格式
  • AI算硅基生命吗，为什么？
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • ###51单片机学习（1）-----单片机烧录软件的使用，以及如何建立一个工程项目
  • #laravel部署安装报错loadFactoriesFrom是undefined method #
  • #QT（一种朴素的计算器实现方法）
  • #传输# #传输数据判断#
  • #我与Java虚拟机的故事#连载04：一本让自己没面子的书
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • （1）Jupyter Notebook 下载及安装
  • （附源码）springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • （十五）devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • （四）七种元启发算法（DBO、LO、SWO、COA、LSO、KOA、GRO）求解无人机路径规划MATLAB
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (图)IntelliTrace Tools 跟踪云端程序
  • （转）memcache、redis缓存
  • （转）shell调试方法
  • (转载)hibernate缓存
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets？
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .NetCore项目nginx发布
  • .NET企业级应用架构设计系列之开场白
  • .NET周刊【7月第4期 2024-07-28】