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

webpack快速入门-核心概念

entry(入口)

指示 webpack 应该从哪个文件开始打包, 默认为./src/index.js

output(出口)

指示 webpack 应该将打包好的文件输出到哪个目录,以及文件命名等, 默认为./dist/main.js

loader

webpack 自身只理解 javascript, 而 loader 可以去处理那些非js的文件

loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块, 然后就可以利用 webpack 的打包能力正常进行打包

plugins(插件)

plugins 用于扩展 webpack 功能,打包优化、压缩代码体积等

插件功能极其强大,可以用来处理各种各样的任务

想要使用一个插件,只需要 require() 它,然后把它添加到 plugins 数组中。多数插件可以通过选项(option)自定义

也可以在一个配置文件中因为不同目的而多次使用同一个插件,这时需要通过使用 new 操作符来创建它的一个实例

mode(打包模式)

两种模式:

  • 开发模式:development
  • 生产模式:production

查看本系列文章合集click me

下载本系列文章源码click me

相关文章:

  • 基于STM32跑步路径记录
  • 【设计模式】Java 语言不同的编程范式-第1章
  • java---kruskal算法---最小生成树(2)(每日一道算法2022.9.3)
  • ASO优化如何做?3个核心要点必须掌握
  • WordPress网站,只需一行JS代码,实现一键复制
  • Vue中v-model的使用及案例
  • ssm-freemarker-小众网配置
  • 国家高新技术企业认定流程
  • Leetcode 435. 无重叠区间
  • Java-基于SSM的图书管理系统
  • P1271 【深基9.例1】选举学生会 题解
  • pacman 升级软件包提示 “failed to commit transaction (invalid or corrupted package)“
  • 大家都在“跪求”的Spring响应式微服务PDF蓝光版,简直羡慕了!
  • 屏蔽搜索引擎的无用蜘蛛,减轻服务器压力
  • 微信小程序开发开篇词 自顶向下,云端赋能:小程序的高效开发之道
  • Angularjs之国际化
  • ES6--对象的扩展
  • JavaScript HTML DOM
  • javascript 哈希表
  • JavaScript 基础知识 - 入门篇(一)
  • Java的Interrupt与线程中断
  • JS专题之继承
  • MySQL QA
  • Netty源码解析1-Buffer
  • oldjun 检测网站的经验
  • Vue 重置组件到初始状态
  • webpack4 一点通
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 利用DataURL技术在网页上显示图片
  • 试着探索高并发下的系统架构面貌
  • 数据仓库的几种建模方法
  • 阿里云服务器如何修改远程端口?
  • 机器人开始自主学习,是人类福祉,还是定时炸弹? ...
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • #每日一题合集#牛客JZ23-JZ33
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • (1)bark-ml
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (C语言)strcpy与strcpy详解,与模拟实现
  • (day 12)JavaScript学习笔记(数组3)
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)计算机毕业设计ssm本地美食推荐平台
  • (一)80c52学习之旅-起始篇
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • .NET DataGridView数据绑定说明
  • .NET下的多线程编程—1-线程机制概述
  • @Not - Empty-Null-Blank
  • [ 隧道技术 ] 反弹shell的集中常见方式(二)bash反弹shell
  • [20180224]expdp query 写法问题.txt
  • [20190113]四校联考
  • [2544]最短路 (两种算法)(HDU)
  • [Android]创建TabBar
  • [Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作