什么是webpack loader？webpack loader相当于一个翻译官，你输入的内容，经过它的翻译，变成另外你想要的内容，并且可以是链式的，就是一个接一个的翻译下去。 loader基础因为webpack是运行在node.js之上的，一个loader其实就是一个node.js模块这个模块的主要工作就是获得处理前的原内容，处理后，返回处理后的内容。 一个最简单的Loader源码如下： 123

新开发或者修改npm模块的时候，我们怎么在项目中调试呢? 我们假设项目是 my-project, 需要用到一个独立的 my-module 模块 方式一直接用相对路径安装，会在项目的node_modules中创建一个指向实际my-module目录的软链，也就是说之后我们可以随时修改my-module源码并且不需要重复安装了。在项目目录下新建模块目录 12mkdir my-module & c

一、首先解释几个概念物理像素(physical pixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。 设备独立像素(density-independent pixel)设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像

1.需求最近传化产品大佬又在搞事情，在微信小程序内嵌H5的页面上实现分享搜索结果的功能，将车辆定位的搜索结果页生成图片并附带上二维码分享出去。我一听，这好说，不就是分享图片保存图片的功能么。 整理一下需求：点击分享定位按钮，弹出层，将当前搜索结果页面截图 点击保存按钮，将图片保存到本地 2.方案根据需求，定了我的基本方案html -> canvas -> image ->

首先安装yo 1npm install yo -g 安装mkdirp用于创建多层目录 1npm install --save-dev mkdirp 全局安装yeoman提供的写脚手架的脚手架 generator-generator 1npm install generator-generator -g 创建一个目录用于存放generator 12mkdir generatorcd gener

本文主要研究babel插件transform-react-jsx的使用 开始为了便于说明，首先我们来定义两个概念。 转译插件，转译插件是用来转译单一功能的插件，比如transform-es2015-arrow-functions，这个插件只负责转译es2015新增的箭头函数。 转译器，转译器是一系列转译插件的集合。比如babel-preset-es2015就包含了es2015新增语法的所有转译插

安装webpack和webpack-dev-server12npm i webpack -Dnpm i webpack-dev-server -D 说明1: devDependencies是开发依赖，只会在打包过程中用到，不会包含到最后的代码中说明2: 如果想安装指定版本的webpack，使用npm install –save-dev webpack@<版本号>格式 修改pack

vi命令 vi编辑器支持编辑模式和命令模式，编辑模式下可以完成文本的编辑功能，命令模式下可以完成对文件的操作命令，要正确使用vi编辑器就必须熟练掌握着两种模式的切换。默认情况下，打开vi编辑器后自动进入命令模式。 从编辑模式切换到命令模式使用“esc”键，从命令模式切换到编辑模式使用“A”、“a”、“O”、“o”、“I”、“i”键。 通过 1vi test.js Esc：从编辑模式切换到命令模式