筱葭的博客

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

1、Loaders Loaders是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会被打包成一个