webpack4.* Tapable.plugin is deprecated. Use new API on `.hooks` instead
webpack4.* 编译打包问题描述在使用extract-text-webpack-plugin给webpack打包时出现报错Tapable.plugin is deprecated. Use new API on `.hooks` insteadextract-text-webpack-plugin下载安装
vue.js
webpack v4.30.0（11）官方指南说明文档 创建 library
创建 library
除了打包应用程序代码，webpack 还可以用于打包 JavaScript library。以下指南适用于希望流水线化(streamline)打包策略的 library 作者。创建一个 library
假设你正在编写一个名为 webpack-numbers 的小的 library，可以将数字 1 到 5 转换为
webpack v4.30.0（12）官方指南说明文档 shimming
webpack 编译器(compiler)能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而，一些第三方的库(library)可能会引用一些全局依赖（例如 jQuery 中的 $）。这些库也可能创建一些需要被导出的全局变量。这些“不符合规范的模块”就是 shimming 发挥作用的地方。
webpack v4.30.0（4）官方说明文档（模块热替换）
模块热替换(Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新各种模块，而无需进行完全刷新。本页面重点介绍实现，而概念页面提供了更多关于它的工作原理以及为什么它有用的细节。
SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn
在 yarn 命令前添加 SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass 的目的是告诉 yarn 到淘宝的镜像去下载 node-sass 二进制文件。
VueJs 绑定 HTML Class 内联样式在模板里
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
vuejs 教程 指令 参数 动态参数代码
指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。回顾我们在介绍中看到的例子：
Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环？
Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环，处理用户输入，组件化应用构建，与自定义元素的关系，准备好了吗？
vuejs v-on 监听focus,onblur,oninput 多个方法案例？
vuejs 教程 指令 参数 动态参数代码，vuejs v-on 监听focus,onblur,oninput 多个方法案例；
缩写：<input type="text" :value="name" @input="onInput" @focus="onFocus" @blur="onBlur" />，案例中没有缩写，可以自行尝试；
vuejs组件化应用构建
组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：
