02 2018 档案
摘要：1.用箭头函数减少代码（相信你在Vue已经看到了） 主要区别，表现在不需要使用function关键字来定义函数。 另一种ES6定义函数的方法： 1.如果你的函数只有一个参数，那么你可以围绕参数直接丢掉圆括号“（）” 2.另一件事情就是，不用编写return关键字来返回值，因为在ES6中，如果你不在函
阅读全文
摘要：模块热替换(Hot Module Replacement) 模块热替换(HMR - Hot Module Replacement)功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。主要是通过以下几种方式，来显著加快开发速度： 保留在完全重新加载页面时丢失的应用程序状态。 只更新
阅读全文
摘要：Manifest 在使用 webpack 构建的典型应用程序或站点中，有三种主要的代码类型： 你或你的团队编写的源码。 你的源码会依赖的任何第三方的 library 或 "vendor" 代码。 webpack 的 runtime 和 manifest，管理所有模块的交互。 本文将重点介绍这三个部分
阅读全文
摘要：构建目标(Targets) 因为服务器和浏览器代码都可以用 JavaScript 编写，所以 webpack 提供了多种构建目标(target)，你可以在你的 webpack 配置中设置。 webpack 的 target 属性不要和 output.libraryTarget 属性混淆。有关 out
阅读全文
摘要：依赖图(Dependency Graph) 任何时候，一个文件依赖于另一个文件，webpack 就把此视为文件之间有依赖关系。 这使得 webpack 可以接收非代码资源(non-code asset)（例如图像或 web 字体），并且可以把它们作为依赖提供给你的应用程序。 webpack 从命令行
阅读全文
摘要：模块解析(Module Resolution) resolver 是一个库(library)，用于帮助找到模块的绝对路径。一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下： import foo from 'path/to/module' // 或者 require('path/to/mo
阅读全文
摘要：模块(Modules) 在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。 每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。 精心编写的模块提供了可靠的抽象和封装界限，使得应用程序中每个模块都具有条理清楚
阅读全文
摘要：配置(Configuration) 你可能已经注意到，很少有 webpack 配置看起来很完全相同。 这是因为 webpack 的配置文件，是导出一个对象的 JavaScript 文件。 此对象，由 webpack 根据对象定义的属性进行解析。 因为 webpack 配置是标准的 Node.js C
阅读全文
摘要：插件(Plugins) 插件是 wepback 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！ 插件目的在于解决 loader 无法实现的其他事。 剖析 webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属
阅读全文
摘要：Loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。 因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。 loader 可以将文件从不同的语言（如 TypeScript）转换为 J
阅读全文
摘要：输出(Output) 配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。 注意，即使可以存在多个入口起点，但只指定一个输出配置。 用法(Usage) 在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点： filename 用于输出
阅读全文
摘要：入口起点【Entry Points】： 单个入口（简写）语法 例子(webpack.config.js) entry 属性的单个入口语法，是下面的简写： 当你向 entry 传入一个数组时会发生什么？向 entry 属性传入「文件路径(file path)数组」将创建“多个主入口(multi-mai
阅读全文
摘要：点击进入webpack官网。，开始教程时，建议先学习ES6语法，也请先观看本篇Windows符号介绍文章，当所有webpack内容学习完后，会有一个专门的介绍 webpack四个核心概念（从官网入门——人要有自己的见解） 入口（entry） 输出（output） loader 插件（plugins）
阅读全文
摘要：javscript ：脚本建共享全局名称空间（全局污染）。 node：实现CommonJS（公共）模块标准。 Node加载模块，有两种方式： 1.通过名称 除非是核心模块，否则被引用的模块最后都会映射为一个文件路径。 2.通过路径 Node导入模块： 无论是第三方或者npm官方，都可以使用以下req
阅读全文
摘要：闭包看似很简单，其实牵扯了很多东西，例如：上下文作用域（事件处理程序）、内存占用、局部以及全局变量、回调函数以及编程模式等 首先我们谈论一个问题，为什么需要闭包？ 1.var全局定义（全局污染）- 指的是同一变量名会影响到所有的同名变量。 运行好像真的没问题，没关系，我们试一试下面 搞什么嘛，明明是
阅读全文
摘要：Node是基于V8引擎的，所以我们运行Js文件不会存在问题，下面演示一下： 因为安装Vscode后，会自动添加本路径到path，所以可以用 来执行创建文件 Vscode是基于Node中的包Nativefier生成的。
阅读全文
摘要：很多人对npm或yarn了解甚少吧，下面我介绍一下常用的yarn/npm所谓的包管理工具。 首先我先介绍一下,npm属于国外Google镜像（下载贼慢），yarn属于Facebook开发的。 npm：https://www.npmjs.com.cn/ yarn：https://yarn.bootcs
阅读全文
摘要：node下载地址，除了Mac osx或Win平台，仅有Linux平台命令安装。 Win、Mac 点击即可下载（注：Mac有dmg和pkg安装格式）。 Linux分为Redhot和Deepin系列，安装方式可能不同？ Linux Redhot系列和Deepin系列安装Node如下： Deepin系列如
阅读全文
摘要：官网地址：echars。 官方实例：首次使用请点击。 官方文档以及第一次操作实例如下 我们生活中有很多统计图，举例一下，有：柱形图、饼图、折线图等一些可以统计数据的形式。 图有：X轴（横轴），Y轴（纵轴）。 官方介绍的是它们分为不同的类型：也就是Line（线图）、Bar（条形图）、scatter（散
阅读全文
摘要：当你使用npm或者yarn也安装不了angular-cli时，请使用淘宝镜像。 Step1 Step2 step3 step4 最后，只要学习一下相对应的ng-cli参数即可。
阅读全文
摘要：显示yarn bin文件夹的位置。 yarn bin将打印yarn将为您的软件包安装可执行文件的文件夹。一个可执行文件的例子可能是你已经为你的包定义的脚本，可以通过执行yarn run。
阅读全文
摘要：Yarn 会在你的用户目录下开辟一块全局缓存用以保存下载的包。yarn cache list 用于列出所有已经缓存的包。 执行 yarn cache dir 命令会打印出当前的 yarn 全局缓存在哪里。 执行此命令将清除本地缓存。下次执行 yarn 或 yarn install 时将会重新填充缓存
阅读全文
摘要：添加依赖包 当你想使用另一个包时，你要先把它添加到依赖列表中。也就是执行 yarn add [package-name] 命令将它安装到你的项目中。 这也将同时更新你的 package.json 和 yarn.lock 文件，这样，同一项目的其他开发者也可以通过执行 yarn 或者 yarn ins
阅读全文
摘要：Yarn 提供了丰富的命令行命令来帮你应付你所开发的 Yarn 包的方方面面的工作，包括安装、管理、发布等等。 虽然我们在这里按照字母顺序列出了我们提供的所有命令，但是某些更常用的命令还是要着重提一下： 默认命令 运行 yarn 并且不带任何子命令与运行 yarn install 是一样的，任何参数
阅读全文
摘要：安装依赖关系 yarn install用于安装项目的所有依赖项。依赖关系从您的项目package.json文件中检索，并存储在yarn.lock文件中。 开发包时，安装依赖关系最常见的是在 安装选项 安装依赖关系有很多选项，其中包括：
阅读全文
摘要：package.json 用于管理包依赖关系。 而以下的命令用于管理package.json和yarn.lock 添加一个依赖项 如果你想使用另一个包，你首先需要添加它作为依赖。为了做到这一点，你应该运行： yarn add [package] 这会自动添加[package]到你的依赖关系中 pac
阅读全文
摘要：参数中有中括号和尖括号，我们要识别以下区别： 初始化一个新的项目 yarn init 添加一个依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] 更新一个依赖包 yarn upgrade [pack
阅读全文
摘要：yarn是facebook提供的包管理工具，对于封锁线很强的国内来说，我推荐使用yarn，而不是npm。 yarn提供了windows，Linux，mac各平台的安装包，当然你也可以使用node进行安装。 使用node进行安装的代码是： 当然官方解释说不太安全，所以推荐你使用官方系统安装包。 你也可
阅读全文
摘要：最近，从npm拉取vue-cli总失败，后来干脆直接用yarn 全局安装yarn（官网首推用系统包安装，更加安全） 用yarn添加全局vue-cli 创建vue-cli新项目（默认最后一个选项是NPM，我们需要选择为Yarn） 完成后，cd进目录，然后 用一切的yarn替代npm即可（yarn并不会
阅读全文
