异形剑客

摘要： 我们在创建react native新项目时，都会使用react native init 工程名 来初始化项目。有时候，我们仅仅是想调试一个小功能，又不想影响以前的项目。这种情况下，我们首先想到的是，拷贝一下以前的项目，然后在该项目上进行修改。 1、拷贝项目AwesomeProject，重新命名为【T 阅读全文

摘要： webpack实际使用过程中有一个常用的插件html webpack plugin。html webpack plugin会帮助我们自动生成一个html页面，并且可以在页面中动态写入页面title和链接的bundle.js文件。 使用的原因 webpack在打包时，会从entry中的入口js文件开始 阅读全文

摘要： React组件在实际的开发过程中会结合webpack使用。配置的过程大致如下： 首先我们创建一个项目文件夹Hello，使用npm init命令生成package.json文件。然后我们确认一下是否安装了webpack和webpack dev server。如果没有安装可以进行全局安装或者安装在本地。 阅读全文

摘要： 本文的目的是要体验下使用webpack服务器的热更新和构建完成自动弹出浏览器的酷炫效果。 1、webpack及webpack dev server的安装 全局安装webpack，使用命令npm install webpack g 全局安装webpack dev server，使用命令npm inst 阅读全文

摘要： 最近在项目中遇到一个需求，需要提供网页截图的功能。百度下发现html2canvas很好用。那就试试吧。 资源下载地址 插件下载地址： "html2canvas下载地址" 使用方式 项目使用的react组件开发方式。参照官方的说明文档 "getting started.md" ,按照以下步骤进行： 1 阅读全文

摘要： webpack比较常见的用法有两种：一、使用配置文件；二、不使用配置文件（用命令 webpack <entry> [<entry>] <output>)。这两种方式参数的初始化方式不太一样： 方式一、从配置文件和shell语句中读取并合并参数；方式二、从shell语句从直接读取入口和出口参数。本文会 阅读全文

摘要： 无论是阅读webpack源码，还是编写webpack的plugin和loader,配置调试环境都是很有必要的。weabpack的运行环境是nodejs，调试webpack就是调试nodejs程序。我们平时使用的IDE如eclipse、webstorm都支持nodejs的调试。本文以eclipse（V 阅读全文

摘要： Webpack的整个流程是通过tapable的事件流机制串联起来。理解tapable对于阅读源代码的作用极大。本文分析的Tapable源码的版本是0.2.7。 一、tapable用途 tapable中大量的API主要是为了实现两个功能，一个作用是通过apply方法在complier中注册插件；另一个 阅读全文

摘要： webpack在打包资源的时候，会将资源文件转换成javascript代码，来实现与其他模块的合并。在打包css文件时，用JS代码引入样式的方式，会有一定的延时。这就是我们使用ExtractTextPlugin插件抽取样式的原因之一。下面我们来比较一下这两种方式的差别。（本文中使用的webpack版 阅读全文