![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
£五年
共同学习,共同进步。
展开
-
深入浅出webpack学习(1)--核心概念
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013053658核心概念Entry:入口,webpack执行构建的第一步从Entry开始,可以抽象成输入。Module:模块,在webpack中一切...转载 2019-05-10 13:49:49 · 134 阅读 · 0 评论 -
深入浅出webpack学习(18)--区分环境
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000014040551为什么要区分环境在开发网页的时候,一般都会有多套运行环境,例如:在开发过程中方便开发调试的环境。 发布到线上给用户使用的运行环境。...转载 2019-06-23 14:27:51 · 169 阅读 · 0 评论 -
深入浅出webpack学习(17)--实现自动刷新
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000014019951文件监听文件监听是在发现源码发生变化时,自动重新构建出新的输出文件。webpack官方提供了两大模块,一个是核心的webpack,一...转载 2019-06-23 14:23:21 · 110 阅读 · 0 评论 -
深入浅出webpack学习(16)--认识同构应用
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013759493同构应用是指写一份代码但可同时在浏览器和服务器中运行的应用。认识同构应用大多数单页应用的视图都是通过JavaScript代码在浏览器...转载 2019-06-23 14:18:14 · 178 阅读 · 0 评论 -
深入浅出webpack学习(15)--管理多个单页应用
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013753571在实际应用中一个完整的系统不会把所有的功能都做到一个网页中,因为这会导致网页性能不佳。实际的做法是按照功能模块划分成多个单页应用,每个单...转载 2019-06-23 14:11:37 · 185 阅读 · 0 评论 -
深入浅出webpack学习(14)--为单页应用生成HTML
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013721681在事件项目中,一个页面常常有很多资源要加载,举出一个实战中的例子要求如下:项目采用ES6语言加react框架;给页面假如google...转载 2019-05-18 01:31:35 · 114 阅读 · 0 评论 -
深入浅出webpack学习(13)--使用TypeScript
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013590964认识TypeScriptTypeScript是JavaScript的一个 超集,主要提供了类型检查系统和对ES6语法的支持。但不支持新...转载 2019-05-11 11:52:49 · 108 阅读 · 0 评论 -
深入浅出webpack学习(12)--使用ES6语言
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013560172目前部分浏览器和Nodejs已经支持ES6,但由于它们对ES6所有的标准支持不全,这导致在开发中不敢全面的使用ES6.通常我们需要把采...转载 2019-05-11 11:46:59 · 115 阅读 · 0 评论 -
深入浅出webpack学习(11)--多种类型配置
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013556268除了通过导出一个Object来描述webpack所需要的配置,还有其他更灵活的方式,以简化不同场景的配置。下面来一一介绍它们。1. 导...转载 2019-05-11 11:42:14 · 159 阅读 · 0 评论 -
深入浅出webpack学习(10)--整体结构配置
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013460572webpack的整体配置结构之前说过每个配置项的具体含义,但是没有描述他们所处的位置和数据结构,下面统一描述下:const path...转载 2019-05-11 11:39:27 · 91 阅读 · 0 评论 -
深入浅出webpack学习(9)--其他配置结构
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013425642除了Entry,Output,Module,Plugins这些配置外,webpack还提供了一些零散的配置项,接下来介绍它们中常用的部分...转载 2019-05-11 11:36:50 · 97 阅读 · 0 评论 -
深入浅出webpack学习(8)--配置DevServer
devServer上一章介绍过DevServer可以用来提高开发效率,它提供一些配置可以改变DevServer的默认行为。要配置DevServer除了在配置文件里通过devServer传入参数外,还可以通过命令行参数传入。注意只有在通过DevServer去启动webpack时配置文件里devServer才会生效,因为这些参数所对应的功能都是DevServer提供的,webpack本身并不认识de...转载 2019-05-11 11:32:43 · 294 阅读 · 0 评论 -
深入浅出webpack学习(7)--使用DevServer
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013262138使用DevServer在日常开发中,我们可能需要以下几个功能:1. 提供HTTP服务而不是使用本地文件预览;2. 监听文件变化并自...转载 2019-05-11 02:23:54 · 199 阅读 · 0 评论 -
深入浅出webpack学习(6)--Plugin
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://blog.csdn.net/weixin_34014555/article/details/88889226PluginPlugin用于扩展webpack功能,各种各样的Plugin几乎让Webpack可...转载 2019-05-11 02:16:06 · 119 阅读 · 0 评论 -
深入浅出webpack学习(5)--Resolve
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013176083Resolvewebpack在启动后会从配置的入口模块触发找出所有依赖的模块,Resolve配置webpack如何寻找模块对应的文件。...转载 2019-05-11 02:12:22 · 221 阅读 · 0 评论 -
深入浅出webpack学习(4)--module
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013145176Modulemodule的配置如何处理模块。配置Loaderrules 配置模块的读取和解析规则, 通常用来配置loader, 其...转载 2019-05-11 02:00:27 · 128 阅读 · 0 评论 -
深入浅出webpack学习(3)--Output
Outputoutput配置如何输出最终想要的代码,output是一个object里面包含一系列配置。1. filenameoutput.filename配置输出文件的名称,为string类型,如果只有一个输出文件,我们可以将它写为静态不变的:filename: 'bundel.js'现在有多个chunk要输出时,就需要借助模板和变量了,前面说到webpack会为每个chunk取一个名...转载 2019-05-10 14:11:28 · 160 阅读 · 0 评论 -
深入浅出webpack学习(2)--Entry
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000013058279现在介绍一下webpack配置中的entry~Entryentry是配置模块的入口,可以抽象成输入,webpack执行构建的第一步将...转载 2019-05-10 13:57:12 · 117 阅读 · 0 评论 -
深入浅出webpack学习(19)--压缩代码
今天看到webpack配置入门的一个系列,感觉不错,作为查阅资料备存。转载一波:这是有关书籍地址:http://webpack.wuhaolin.cn/这是我转载的地址:https://segmentfault.com/a/1190000014043577压缩代码浏览器从服务器访问网页时获取的JavaScript,css资源都是文本形式的,文件越大网页加载时间越长。 为了提升网页加速速度...转载 2019-06-23 14:31:23 · 159 阅读 · 0 评论