筱葭的博客

webpack中另一个非常重要的功能是Plugins。插件（Plugins）是用来拓展webpack功能的，它们会在整个构建过程中生效，执行相关的任务。Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西：Loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次处理一个;插件并不直接操作单个文件，它直接对整个构建过程其作用。webpac

1、LoadersLoaders是webpack中最强大的功能之一了。通过使用不同的loader，webpack通过调用外部的脚本或工具可以对各种各样的格式的文件进行处理，如分析JSON文件并把它转换为JavaScript文件；或把下一代的JS文件（ES6，ES7)转换为现代浏览器可以识别的JS文件；或对React的开发而言，合适的Loaders可以把React的JSX文件转换为JS文件。

一、首先以一个最简单的实例体验一下最简单的webpack打包文件：1、安装node.js访问http://nodejs.org/dist/v7.8.0/win-x64/node.exe下载node.exe到目录D:/nodejs文件夹下 2、安装npm访问http://nodejs.org/dist/npm/npm-1.4.9.zip下载npm，并解压到D:/nodejs文件夹

1、commonjs格式的require同步语法const home = require('./Home');… // 使用 2、commonjs格式的require.ensure异步语法require.ensure([], require => {  consthome = require('./Home');  … //使用});Home.js会被打包成一个