摘要：webpack可以通过插件进行功能扩展。webpack拥有很多的内置插件和第三方插件。下面以webpack自带的插件bannerPlugin为例，说明插件的简单用法。bannerPlugin可以将任何字符串加到生成的bundle文件的顶部（例如版权信息等）。因为bannerPlugin是内置的，我们 阅读全文

摘要：Babel是一个JavaScript编译和工具平台，使用Babel我们可以：使用新版本的JavaScript（ES6/ES2015，ES7/ES2016），尽管有些浏览器不能全部支持新特性；使用JavaScript语言扩展，例如React JSX。Babel是一个独立的工具，可以与Webpack一起 阅读全文

摘要：Loaders是webpack最有用的特性之一，通过Loaders，webpack可以预处理源码文件中的Json文件或者将包含新特性的Javascript代码转换成浏览器能处理的JavaScript代码等。如果你使用React，那么Loaders可以预处理React JSX，将其转化成JavaScr 阅读全文

摘要：Webpack给本地开发提供了一个可选的服务器webpack-dev-server。webpack-dev-server是一个很小的express应用，使用前需要用npm安装，它根据webpack.config.js文件中的选项构建。常见的选项如下： webpack-dev-server选项 下面我 阅读全文

摘要：Webpack提供了很多的命令选项来帮助用户构建应用，如果只是通过命令行来使用这些选项，会显得不方便。为了更好的使用Webpack提供的各种命令选项，我们可以创建一个webpack.config.js文件，在文件中配置我们的选项。在上一篇文章中我们使用了webpack app/main.js pub 阅读全文

摘要：过去数年间，web开发已经从包含少量JavaScript代码的应用发展到到拥有复杂JavaScript代码和代码之间依赖关系树的应用。手动维护这些复杂的代码依赖关系是很麻烦的。Webpack能分析项目的结构，找到JavsScript模块和其他Assets，然后收集打包给浏览器使用，使开发人员可以减少 阅读全文