摘要: 概述 DefinePlugin用来做定义。这就类似于我们项目开发中的config文件一样,在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息,我们将这些信息提取出来单独放在配置文件中,方便于后期的维护和管理。 那DefinePlugin的功能和config这个文件类似,我们可以在 阅读全文
posted @ 2019-06-13 17:14 X北辰北 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 概述 上一篇文章介绍的是sass-loader的使用,通过它我们将scss文件转换成css文件然后打包到了js结果文件中,那其实这种做法在实际项目中是并不推荐的,因为它没有很好的将css和js进行分离。 本文介绍的“MiniCssExtractPlugin”这个插件,可以将scss文件转换打包后输出 阅读全文
posted @ 2019-06-13 17:09 X北辰北 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 概述 sass-loader主要是将scss这类样式文件转换处理成我们常规的css样式文件,共浏览器识别调用,此loader也是我们经常使用的,所以接下来我们做一下介绍。 具体操作步骤 1、此demo还是继续沿用前两篇文章中的demo代码,我们继续在rules中添加sass-loader的配置规则, 阅读全文
posted @ 2019-06-13 16:53 X北辰北 阅读(1268) 评论(0) 推荐(0) 编辑
摘要: 概述 babel-loader负责将ES6、ES7代码转换成浏览器可运行的ES5的代码,是现代前端工程化中比较重要的loader。接下来我们介绍babel-loader的基本使用和配置。 具体操作步骤 1、本文中使用的demo继续使用前一文章中的代码,webpack配置文件如下所示(没有新增任何代码 阅读全文
posted @ 2019-06-13 16:45 X北辰北 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 概述 在介绍完配置文件中的入口和出口基本操作流程后,接下来我们介绍loader的基本使用,本文主要介绍url-loader的使用流程。 loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(tas 阅读全文
posted @ 2019-06-13 16:27 X北辰北 阅读(541) 评论(0) 推荐(0) 编辑