首页 > 其他分享 >webpack入门2

webpack入门2

时间:2024-03-28 10:13:33浏览次数:16  
标签:插件 入门 webpack 开发 本地 纠错 打包

插件机制
自动处理某些事情,而loader 只是转换文件成js.
webpack 也为插件提供了平台,当然也可以自己修改默认配置 plugin.config.js.
比loader命题机制更广,plugin自定实现某些功能。利用class()的钩子。

webpack的开发环境
1 http环境: 可以看到页面 。liveserver DEserver httpServer
2 实时构建。不用每次都 webpack指令、
3 纠错检测。
1和2现在是 在本地建立一个服务器 打包后 直接放在内存里不输出位文件夹 ->浏览器直接访问本地localhost:8080 文件就行。

webpack 是套平台方案 主要功能 打包+方便开发
核心功能 :laoder 打包
方便开发功能 各种插件机制
自有特点:
1 反向纠错 SourceMap 开发环境很有用 (便于开发调试-纠错 )
2 devServe 本地内存打包-部署本地liveServer -本地浏览器访问 (便于开发调试 -不用频发 cli,还可以看效果)
3 HMR 热热更新 (便于开发调试 安装更新依赖 不用频繁重启)

标签:插件,入门,webpack,开发,本地,纠错,打包
From: https://www.cnblogs.com/xiaozu75/p/18099019

相关文章

  • 十本你不容错过的Docker入门到精通书籍推荐
    前言:最近有许多小伙伴私信让我推荐几本关于Docker学习的书籍,今天花了一下午的时间在网上查阅了一些资料和结合自己平时工作中的一些学习参考资料书籍写下了这篇文章。注意以下书籍都是十分优秀的Docker学习书籍(因此排名不分先后),以下的每本书都有值得我们学习和钻研的地方,假如......
  • 《python编程从入门到实践》 Sublime中运行程序提示“Python was not found but can b
    安装过程1.安装python32.安装SublimeText①下载②让SublimeText使用命令python3来运行Python程序3.运行①新建helloworld②运行遇到的问题执行以上步骤后:1.搜索解决方法2.关掉后执行3.更改buildsystem方式python3改为python,执行,成功备注:发现保持应用打开......
  • Etcd 基本入门
    1:什么是Etcd?Etcd是CoreOS团队于2013年6月发起的开源项目,它的目标是构建一个高可用的分布式键值(key-value)数据库。etcd内部采用raft协议作为一致性算法,Etcd基于Go语言实现。名字由来,它源于两个方面,unix的“/etc”文件夹和分布式系统(“D”istributesystem)的D,组合......
  • 鸿蒙TypeScript入门学习第一天【简单介绍】
    1.TypeScript教程TypeScript是JavaScript的一个超集,支持ECMAScript6标准()。TypeScript由微软开发的自由和开源的编程语言。TypeScript设计目标是开发大型应用,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何浏览器上。2、语言特性TypeScript是......
  • 从入门到精通:GPS北斗卫星校时服务器 操作指南
    从入门到精通:GPS北斗卫星校时服务器操作指南从入门到精通:GPS北斗卫星校时服务器操作指南京准电子科技官微——ahjzsz一、产品功能卫星时钟服务器是一款采用GPS或北斗卫星提供高精度网络时间服务的产品。卫星天线安装简便(根据天线所放位置提示实时卫星颗数),接口可支持以太网1......
  • 零基础Web3入门到精通
    Web3是互联网的下一代,它将使人们能够拥有自己的数据并控制自己的在线体验。Web3基于区块链技术,该技术为安全、透明和可信的交易提供支持。现在的web已被成为传统互联网了,那么如何抓住下一代互联网的红利呢,有没有想一起学习Web3的同学,大家可以一起探讨学习,请加QQ群:782128964......
  • 一本通差分约束入门题
    最关键的就是找好所有的要满足的不等式条件,注意隐含的条件还有一点就是注意没有源点建立源点#2436. 「SCOI2011」糖果#include<bits/stdc++.h>usingnamespacestd;usingll=longlong;usingpii=pair<int,int>;#defineintlonglongconstintN=5e5+10,M......
  • 【go从入门到精通】函数详解
    作者简介:    高科,先后在 IBMPlatformComputing从事网格计算,淘米网,网易从事游戏服务器开发,拥有丰富的C++,go等语言开发经验,mysql,mongo,redis等数据库,设计模式和网络库开发经验,对战棋类,回合制,moba类页游,手游有丰富的架构设计和开发经验。 (谢谢你的关注)---------------......
  • webpack 入门笔记1
    webpack是一个综合性平台1为npm环境-packjson->依赖->依赖的编译器环境bale-->esj->程序.构建一个综合平台。2开发目录到生产目录;3打包优化将上百个依赖整合为若干chunk.提升下载速度.综合总线打通步骤1(node环境已下载)建立npm环境-与本地的链接npminit指令......
  • Python-VBA编程500例-020-02(入门级)
    第k个组合(ThekthCombination)的问题在实际应用中具有广泛的用途,它涉及从n个不同元素中选出k个元素的所有可能组合。这种组合的概念在许多领域都有重要的应用,常见的一些具体应用有:1、彩票与赌博:在某些彩票或赌博游戏中,参与者需要选择特定数量的号码或符号。这些号码或符号的......