进阶篇：编写可维护的 webpack 构建配置 04 进阶篇：webpack 构建速度和体积优化策略 05 原理篇：通过源码掌握 webpack 打包原理 06 原理篇：编写 Loader 和插件 07 实战篇：React 全家桶 和 webpack 开发商城项目 08 基础篇：webpack 进阶用法 03 一个最简单的 loader 代码结构 module.exports = function(source) webpack 中默认开启 loader 缓存 ·可以使用 this.cacheable(false) 关掉缓存 缓存条件： loader 的结果在相同的输入下有确定的输出 ·有依赖的 loader 无法使用缓存 loader 如何进行文件输出？ 通过 this.emitFile 进行文件写入 const loaderUtils = require("loader-utils"); module { result.image; result.coordinates; result.properties; }); 插件的运行环境 插件没有像 loader 那样的独立运行环境 只能在 webpack 里面运行 插件的基本结构 基本结构： 插件使用： plugins: [ new MyPlugin() ] class MyPlugin { apply(compiler)

255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin：设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 行和交互能力之上，我们更需要关注 Flutter 与鸿蒙自身生态的结合：如何优雅地适配鸿蒙的分布式技术？如何用 Flutter 实现设备之间的快速连接、资源共享？现有的众多 Flutter 插件如何应用到鸿蒙系统 上？未来 MTFlutter 团队将在这些方面做更深入的探索，因为解决好这些问题，才是 真正能让应用覆盖用户生活的全场景的关键。 参考文献 ● https://developer Flutter Web 的工作主要还集中在 dart:ui（Web）的对齐，工程 化和性能相关的事项做的还比较少，例如： 前端 < 17 ● Flutter Web 构建产物较简陋，只是简单的输出 main.dart.js（1.1M，未 Gzip） 和 图片等静态资源，缺少 JS 拆包、文件 Hash、资源上传 CDN 等优 化工作，极大影响了页面的加载性能。 ● 由于 Flutter

让我们使用TypeScript来创建一个简单的Web应用。 安装TypeScript 有两种主要的方式来获取TypeScript工具： 通过npm（Node.js包管理器） 安装Visual Studio的TypeScript插件 Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你 的Visual Studio还没有安装TypeScript，你可以下载它。 有的JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： tsc greeter.ts TypeScript Handbook（中文版） 9 5分钟了解TypeScript 输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的JavsScript代 码。 一切准备就绪，我们可以运行这个使用TypeScript写的JavaScript应用了！ 接下来让 Studio 清除构建内容后，它也将运行'clean'任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若'default'和'clean'任 务没有显示输出内容的话，请刷新explorer： 编写HTML页 TypeScript Handbook（中文版） 22 ASP.NET Core 在 wwwroot 中添加一个新建项 index.html

App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 Chrome 命令行开关 环境变量 自定义的 DOM 元素 File App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron 目前支持的： 对于 macOS 系统仅有64位的二进制文档，支持的最低版本是 现在支持 Pepper Flash 插件。要在 Electron 里面使用 Pepper Flash 插件，你需要手动设置 Pepper Flash 的路径和在你的应用里启用 Pepper Flash。 在 macOS 和 Linux 上，你可以在 Chrome 浏览器的 chrome://plugins 页面上找到 PepperFlash 的插件信 息。插件的路径和版本会对 Election

让我们使用TypeScript来创建一个简单的Web应用。 有两种主要的方式来获取TypeScript工具： 通过npm（Node.js包管理器） 安装Visual Studio的TypeScript插件 Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你的 Visual Studio还没有安装TypeScript，你可以下载它。 5分钟了解TypeScript 安装TypeScript 构建你的第一个TypeScript文件 编译代码 5分钟了解TypeScript - 17 - 本文档使用 书栈网 · BookStack.CN 构建 输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的JavsScript代码。 一切准备就 绪，我们可以运行这个使用TypeScript写的JavaScript应用了！ 接下来让 Studio 清除构建内容后，它也将运行’clean’任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若’default’和’clean’任务没有 显示输出内容的话，请刷新explorer： 在 wwwroot 中添加一个新建项 index.html 。 在 index.html 中写入以下代码： 1. 2.

进阶篇：编写可维护的 webpack 构建配置 04 进阶篇：webpack 构建速度和体积优化策略 05 原理篇：通过源码掌握 webpack 打包原理 06 原理篇：编写 Loader 和插件 07 实战篇：React 全家桶 和 webpack 开发商城项目 08 基础篇：webpack 进阶用法 03 开始：从 webpack 命令行说起 ·开发环境： npm run dev 基础参数(entry设置、debug模式设置、watch监听设置、devtool设置) ·Module options: 模块参数，给 loader 设置扩展 ·Output options: 输出参数(输出路径、输出文件名称) ·Advanced options: 高级用法(记录设置、缓存设置、监听频率、bail等) ·Resolving options: 解析参数(alias 和 解析的文件后缀设置) 对象，然后执行构建流程 webpack-cli对配置文件和命令行参数进行转换最终生成配置选项参数 options Webpack 的本质 Webpack可以将其理解是一种基于事件流的编程范例，一系列的插件运行。 先看一段代码 class Compiler extends Tapable { // ... } class Compilation extends Tapable {

动态组件 & 异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 - 2 - 本文档使用 书栈网 · BookStack.CN 构建 响应性 深入响应性原理 响应式原理 响应式计算和侦听 组合 API 介绍 Setup 生命周期钩子 (opens new window)，它允许 你在一个更友好的界面中审查和调试 Vue 应用。 获取 Chrome Extension (opens new window) 获取 Firefox 插件 (opens new window) 获取标准的 Electron app (opens new window) 对于制作原型或学习，你可以这样使用最新版本 1.