06 2019 档案
摘要：概述 此系列文章从介绍webpack4.0开始，然后一步步分别介绍入口/出口文件配置、loader使用、插件使用等，到目前为止，webpack4.0基础的配置讲解就差不多已经完成了，针对于loader和插件的使用，我们各自挑了三个比较重要的loader和插件来进行介绍，其他的loader和插件使用方
阅读全文
摘要：概述 之前所有的文章都介绍的是如何打包处理各种文件，但是我们最后生成的都是js文件，这在浏览器中是不能直接运行的，必须包含在HTML文档中才可以正常运行，那本文就介绍下HtmlWebpackPlugin这个插件的使用。 HtmlWebpackPlugin插件主要是用来生成html结果文件的，它会将我
阅读全文
摘要：概述 DefinePlugin用来做定义。这就类似于我们项目开发中的config文件一样，在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息，我们将这些信息提取出来单独放在配置文件中，方便于后期的维护和管理。 那DefinePlugin的功能和config这个文件类似，我们可以在
阅读全文
摘要：概述 上一篇文章介绍的是sass-loader的使用，通过它我们将scss文件转换成css文件然后打包到了js结果文件中，那其实这种做法在实际项目中是并不推荐的，因为它没有很好的将css和js进行分离。 本文介绍的“MiniCssExtractPlugin”这个插件，可以将scss文件转换打包后输出
阅读全文
摘要：概述 sass-loader主要是将scss这类样式文件转换处理成我们常规的css样式文件，共浏览器识别调用，此loader也是我们经常使用的，所以接下来我们做一下介绍。 具体操作步骤 1、此demo还是继续沿用前两篇文章中的demo代码，我们继续在rules中添加sass-loader的配置规则，
阅读全文
摘要：概述 babel-loader负责将ES6、ES7代码转换成浏览器可运行的ES5的代码，是现代前端工程化中比较重要的loader。接下来我们介绍babel-loader的基本使用和配置。 具体操作步骤 1、本文中使用的demo继续使用前一文章中的代码，webpack配置文件如下所示（没有新增任何代码
阅读全文
摘要：概述 在介绍完配置文件中的入口和出口基本操作流程后，接下来我们介绍loader的基本使用，本文主要介绍url-loader的使用流程。 loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(tas
阅读全文
摘要：概述 前面文章分别介绍了webpack以及其安装和基本的使用方法，本文主要介绍webpack中的第一个重要特性，入口出口配置。 webpack的配置文件名称为“webpack.config,js”，在本文及后续所有文章中关于webpack的配置都是写在这个文件里的，本文主要介绍webpack针对单个
阅读全文
摘要：概述 本文主要介绍webpack的安装以及基本使用。具体的操作过程如下。 具体操作步骤 1、webpack安装（已经安装node环境,并且版本大于8.9.4） 打开命令行窗口，通过输入命令“npm install webpack-cli -g”来全局安装webpack，如图： 2、webpack简单
阅读全文
摘要：概述 webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。下面一张图能更加
阅读全文
摘要：问题描述： 在实际开发中，我们有时候不满足ArcGIS API for JS自带的图例效果，所以需要进行图例的定制。 制作过程： CSS代码： /*图列样式表*/ .info { width: 120px; padding: 6px 8px; font: 14px/16px Arial, Helve
阅读全文
摘要：React Component，就像人会有生老病死一样有生命周期。一般而言 Component 有以下三种生命周期的状态： Mounting：已插入真实的 DOM Updating：正在被重新渲染 Unmounting：已移出真实的 DOM 针对 Component 的生命周期状态 React 也有
阅读全文
