首页 > 其他分享 >webpack 3 入门笔记

webpack 3 入门笔记

时间:2024-03-28 12:45:19浏览次数:23  
标签:文件 hash 入门 环境 笔记 webpack 入口 模块 打包

生产/开发 环境
生产环境 便于开发 求方便
开发环境 便于部署 求小体积

小项目 : 用环境名 if (evn===proudtion){} else{}
大项目 : dev (merge common) , prod (merge common) 三个文件 通过script指令 run dev 和 run build --config 不同的配置文件。****
开发环境 :
1 公共变量
2 treeShank 打包的时候去除冗余 不是一个组件 是一套方案 用于在打包的时候简化代码。一般脚手架内置 (一个模块一个函数 ,加了之后 一个函数 多个模块)
模块合并的同式(同类型小模块 ) 也需要模块分割(大文件)codeSpliting (多入口打包 +动态导入)
先归纳再分割....()

多入口打包 一个入口一个bluid.
动态加载 import 动实现 一个 单页面路由一个包(用hash import () then(()=>{}));多页一个页面一个包
css 按需导入 则是 用插件实现的。但是看情况文件小没必要。还得压缩

魔法注释 为了打在同一个包

文件hash 因为 服务器缓存 ,每次新打包 这些 hash 值就变了 。就可以跟新。 file hash ;chunk hash (好) ;name hash ----

标签:文件,hash,入门,环境,笔记,webpack,入口,模块,打包
From: https://www.cnblogs.com/xiaozu75/p/18100904

相关文章

  • Elasticsearch入门及常用命令和Spring中的常用操作
    入门官网简介一个分布式的、Restful风格的搜索引擎。支持对各种类型的数据的检索。搜索速度快,可以提供实时的搜索服务。便于水平扩展,每秒可以处理PB级海量数据。常用术语索引:与MySQL数据库中的Database相对应类型:与MySQL数据库中的Table相对应文档:相当于MySQL中的一......
  • 深度学习入门指南:掌握人工智能的未来
    目录前言深度学习基本概念深度学习学习路径必备技能如何选择适合自己的深度学习库深度学习库在处理文本数据方面有哪些优势深度学习技术在未来的发展趋势是什么如何选择适合自己的深度学习课程深度学习在未来的应用场景有哪些深度学习如何帮助我们理解和预测人类语言......
  • Maven 个人笔记
     常见问题整理1.mvn项目的生命周期是怎样的        Maven项目的主要生命周期阶段包括编译、测试、打包等,以下是这些阶段的详细介绍:编译(Compile):在编译阶段,Maven将项目的源代码(通常是Java源代码)编译成可执行代码。这涉及到源代码的语法检查、错误修正以及将源代码......
  • 《自动机理论、语言和计算导论》阅读笔记:p49-p67
    《自动机理论、语言和计算导论》学习第4天,p49-p67总结,总计19页。一、技术总结1.DeterministicFiniteAutomata(DFA)vsNondeterministicFiniteAutomata(NFA)(1)DFA定义(2)NFA定义A"nonedeterministic"finiteautomatahasthepowertobeinseveralstatesatonce......
  • 算法小笔记0328
    1ios::sync_with_stdio(0);ios::sync_with_stdio(false);是C++中用于关闭C++输入输出流(iostream)与C输入输出库(stdio)同步的语句。默认情况下,C++的流库与C的stdio库是同步的,这意味着你可以混用cin,cout和scanf,printf等而不会出现问题。但是这种同步会导致性能下......
  • XPath攻略:从入门到精通,元素查找不再难
    简介XPath是一种用于在XML文档中检索信息的语言。它通过路径表达式导航XML文档,广泛应用于各种场景。XPath的灵活性和强大功能使其成为在XML结构中准确定位和提取数据的重要工具。XPath使用场景Web自动化测试:XPath在Web自动化测试中广泛应用,XPath提供了一种强大......
  • 4.Python数据分析—数据分析入门知识图谱&索引(知识体系下篇)
    4.Python数据分析—数据分析入门知识图谱&索引-知识体系下篇一·个人简介二·机器学习基础2.1监督学习与无监督学习2.1.1监督学习:2.1.2无监督学习:2.2特征工程2.3常用机器学习算法概述2.3.1监督学习算法:2.3.2无监督学习算法:2.3.3强化学习:2.4模型评估与选择三......
  • webpack入门2
    插件机制自动处理某些事情,而loader只是转换文件成js.webpack也为插件提供了平台,当然也可以自己修改默认配置plugin.config.js.比loader命题机制更广,plugin自定实现某些功能。利用class()的钩子。webpack的开发环境1http环境:可以看到页面。liveserverDEserverhttpServe......
  • On Java8读书笔记
    ObjectsEveryWhere使用Reference掌控对象掌控一个对象有两种不同的方式:直接掌控变量本身or间接掌控一个"通道",通过"通道"可以掌控对象在Java中,我们通过间接的方式掌控对象,而这个"通道"就是ReferenceReference不同于对象本身,对象本身往往是"臃肿的"(对象内包括字段和......
  • 基于HarmonyOS的阅读笔记助手的APP开发第一天
    1.设计原型书籍界面原型书籍阅读界面原型笔记界面原型笔记记录界面原型软件设置界面原型......