2016年03月_zzzkk2009

翻译 WebPack系列教程（十二）：示例

简单示例基本用法CommonJsexample.jsvar inc = require('./increment').increment;var a = 1;inc(a); // 2increment.jsvar add = require('./math').add;exports.increment = function(val) { return add(val, 1);}

2016-03-10 13:44:01 4940 1

翻译 WebPack系列教程（十一）：文档列表

http://webpack.github.io/docs/list-of-tutorials.html

2016-03-10 09:32:23 968

翻译 WebPack系列教程（十）：起步

欢迎这个小教程将指导您完成一个简单的例子。您将学到：如何安装webpack如何使用webpack如何使用loaders如何使用开发服务器安装WEBPACK首先你必须安装node.js。$ npm install webpack -g设置THE COMPILATION首先得有一个空目录创建以下文件：新增entry.jsdocument.write("It works.");新增index.h

2016-03-09 18:04:39 5451

翻译 WebPack系列教程（九）：故障排除

解决一般解决问题加上--display-error-details 参数，能得到更多的错误细节.在解析过程中，阅读相关解析相关的配置。 loaders有它们自己的解析配置 resolveLoader。npm link 的模块不要查找它们的依赖Node.js的模块求解算法非常简单：在加载模块的每个父目录的node_modules目录中查找模块依赖。当你使用npm link来作为依赖时，它们是不

2016-03-09 16:45:33 6463

翻译 WebPack系列教程（八）：DEV TOOLS

进展中devtool配置选项webpack-dev-serverwebpack-dev-middlewarekoa-webpack-dev: 服务端打包+在koa.js的开发服务器中进行模块热替换。

2016-03-09 15:59:17 5085

使用插件添加通常涉及到的WebPack捆绑功能。例如，BellOnBundlerErrorPlugin会通知您在打包构建过程中的错误。内置插件通过在webpack配置中使用插件属性来将插件包含进你的项目中。// webpack should be in the node_modules directory, install if not.var webpack = require("webpack

2016-03-09 15:54:59 8079

翻译 WebPack系列教程（六）：使用LOADERS

什么是loaders?loaders被应用于应用程序的资源文件中，通常用来做转换。它们都是函数（运行在nodejs中），将资源文件的源码作为入参，处理完后，返回新的源码文件。例如，你可以使用loaders告诉webpack加载coffeescript和jsx。

2016-03-09 11:12:41 7990

翻译 WebPack系列教程（五）：使用

WIP（work in progress）同时，推荐阅读Maxime Fabre编写的webpack-your-bags.查看命令行接口CLI查看node.js API.查看配置

2016-03-09 11:08:54 1218

翻译 WebPack系列教程（四）：安装

node.jsinstall node.js node.js包含一个包管理器：npmwebpackUse webpack in a projectVersionsDev ToolsContinue reading

2016-03-09 10:43:42 4942

翻译 WebPack系列教程（三）：什么是WebPack

webpack是一个模块打包器webpack模块根据之间的依赖，打包生成最终代表那些模块的静态资源。为什么还需要重新做一个模块打包器目标webpack有哪些不一样的地方？

2016-03-09 10:00:56 1558

翻译 WebPack系列教程（二）：动机

当今的网站已经发展为web app： * 越来越多的js脚本放入页面； * 在现代浏览器中，我们能做越来越的事情； * 如今很少有网站会采用整页面重载，因而页面的代码越来越多；最终导致大量的代码放入客户端中了。庞大的前端代码库需要重新组织。模块系统提供了这样的能力来帮助你拆分代码库到各个模块中。目录Module system styles Module system styles如今有很多

2016-03-09 08:55:29 1419

翻译 WebPack系列教程（一）：目录

新手入门动机WebPack是什么安装使用Require 模块Vendor 模块使用Loaders使用PluginsDev Tools故障修复文档 & 示例起步文档列表示例指南CommonJsAMDbrowserify 用户使用webpack代码拆分样式表优化持久缓存如何编写Loader如何编写Plugin多个入口点(entry points)外部库

2016-03-09 08:47:08 2243

zzzkk2009的专栏