minixu的博客

原文  https://segmentfault.com/a/1190000005089993Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。当我第一次看到Webpack的配置文件时，它看起来非常的陌生，我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比

visual studio code，个人觉得这是开发node最好的编辑器，没有之一。之前的版本只能开一个窗口，这个版本终于能多窗口切换了，哈哈。在这里推荐i5大大写的vscode使用指南 http://i5ting.github.io/vsc/ 。真的非常的详细详细看完这个你就知道vscode有多强大了！！！！

1.介绍Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

1.介绍 webpack仅仅只支持本地的javascript模块,但是像CSS，LESS，TypeScript，JSX，CoffeeScript，图片等静态文件模块，我们是可以通过模块加载器（webpack-loader）来统一管理的。Loader 可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。loaders之间是可以串联的，一个加载器的输出可以作为下一