摘要: 这一章咱们来说一下如何使用babel以及如何用webpack调试代码。这是基础篇的最后一章,这些文章只是罗列的给大家讲解了在一些场景中webpack怎样使用,这章结束后会给大家讲解一下如何在我们实际的开发及上线的工作环境中自如的使用webpack。 既然我们要使用babel,那babel是什么呢?一 阅读全文
posted @ 2018-03-24 23:01 Zaking 阅读(2112) 评论(0) 推荐(0) 编辑
摘要: 我们前面已经学了很多webpack基本的处理情况,一句话总结就是,一个优秀的webpack项目,主要的核心用法就是整合loader和plugin去处理你想要的任何需求。 下面,咱们一起来学学如何用webpack来处理less,sass等预编译器。先看看如何用webpack处理less。 国际惯例,第 阅读全文
posted @ 2018-03-24 23:00 Zaking 阅读(1370) 评论(0) 推荐(0) 编辑
摘要: 上一章,咱们学了如何用webpack来打包css,压缩js等。这一篇文章咱们来学习一下如何用webpack来处理图片。废话不多说,咱们开始吧。 首先,咱们随便找一张你喜欢的图片放到src/images目录下,然后把图片设置为背景图片,代码是这个样子。 src/index.html: src/css/ 阅读全文
posted @ 2018-03-24 22:59 Zaking 阅读(820) 评论(0) 推荐(1) 编辑
摘要: 前面的文章介绍了webpack的devServer以及多入口多出口文件的配置,咱们继续往下学。 在开始学习接下来的知识之前,我们先回顾一下,前文提到了webpack的简单配置方法,但是只详细说了下入口和出口文件的配置,并没有更多的去解释其他选项的配置,比如loader,plugin等。那么咱们现在就 阅读全文
posted @ 2018-03-24 22:58 Zaking 阅读(7996) 评论(0) 推荐(1) 编辑
摘要: 上一篇文章留下了一些问题,如果你没看过上一篇文章,可以在我的博客里查找,或者直接从这篇文章开始也是没问题的。 这是上一篇文章中使用但是没有详细讲解的代码片段。现在我们来一一做一个了解。 entry:配置入口文件,也就是你想要打包的文件路径。可以是单一的,也可以是多入口文件。下面会详细的讲解。‘ ou 阅读全文
posted @ 2018-03-24 22:57 Zaking 阅读(3515) 评论(0) 推荐(1) 编辑
摘要: 在前端工作的过程中,只要你接触过vue,angular,react,gulp就一定知道webpack或者听说过或者使用过webpack,但是或许你对webpack的使用方法并不是十分了解,只是会用写好的构建项目如:vue-cli,angular-cli等,那么这一系列的文章就是带你一点点走近webp 阅读全文
posted @ 2018-03-24 22:57 Zaking 阅读(467) 评论(0) 推荐(1) 编辑