作为前端最火的构建工具,是前端自动化工具链 最重要的部分 ,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过 问题 + 解决方式 的模式,以前端构建中遇到的具体需求为出发点,学习 工具中相应的处理办法。(本篇中的参数配置及使用方式均基于 ) 一. webpack与自动化测试 对应的关键词 ...
分类:
Web程序 时间:
2018-09-03 20:29:27
阅读次数:
211
最近有一个项目使用了 requirejs 来解决前端的模块化,但是随着页面和模块的越来越多,我发现我快要hold不住这些可爱的js文件了,具体表现在每个页面都要设置一堆 requirejs 的配置( baseUrl , paths 之类的)。 不知谁说过,一些事重复做了三次,就该考虑一下自动化了,于 ...
分类:
Web程序 时间:
2018-09-03 02:14:58
阅读次数:
203
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题+解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。(本篇中的参数配置及使用方式均基于webpack4.0版本)一.Integration下文摘自webpack中文网:首先我们要消除一个常见的误解,webpack是一个模块打
分类:
Web程序 时间:
2018-08-31 21:31:33
阅读次数:
251
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题+解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。(本篇中的参数配置及使用方式均基于webpack4.0版本)一.webpack与自动化测试webpack对应的关键词是模块化,它的主要任务就是打包和管理模块,所以首先需要明
分类:
Web程序 时间:
2018-08-31 21:24:35
阅读次数:
183
webpack4.0各个击破(5)—— Module篇 作为前端最火的构建工具,是前端自动化工具链 最重要的部分 ,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过 问题 + 解决方式 的模式,以前端构建中遇到的具体需求为出发点,学习 工具中相应的处理办法。(本篇中的参数配置及使用方式均 ...
分类:
Web程序 时间:
2018-08-30 21:04:03
阅读次数:
210
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题+解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。(本篇中的参数配置及使用方式均基于webpack4.0版本)一.tapable概述tapable地址:【tapable-0.2】tapable是webpack的核心框架(4
分类:
Web程序 时间:
2018-08-30 20:05:42
阅读次数:
247
作为前端最火的构建工具,是前端自动化工具链 最重要的部分 ,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过 问题 + 解决方式 的模式,以前端构建中遇到的具体需求为出发点,学习 工具中相应的处理办法。(本篇中的参数配置及使用方式均基于 ) 本篇摘要: 本篇主要介绍基于 的`splitC ...
分类:
编程语言 时间:
2018-08-29 22:51:44
阅读次数:
314
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题+解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。(本篇中的参数配置及使用方式均基于webpack4.0版本)一.loader综述loader是webpack的核心概念之一,它的基本工作流是将一个文件以字符串的形式读入,对
分类:
Web程序 时间:
2018-08-29 18:01:36
阅读次数:
203
1. 书写方式 grunt 运用配置的思想来写打包脚本,一切皆配置,所以会出现比较多的配置项,诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段,导致认知成本的提高,运用的时候要搞懂各种插件的配置规则。gulp 是用代码方式来写打包脚本,并且代码采用流式的写法,只抽象出了gu ...
分类:
Web程序 时间:
2018-08-28 15:23:56
阅读次数:
184
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题+解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。(本篇中的参数配置及使用方式均基于webpack4.0版本)[TOC]一.Assets资源的基本处理需求Assets,指项目中被引用的资源,通常为各种格式的图片和字体文件,
分类:
Web程序 时间:
2018-08-27 12:35:15
阅读次数:
154