webpack怎么学，这个太难啃了，入坑需谨慎

作者：木木 发布时间: 2018-09-22 阅读：

难

很难

真的很难

但是我还是要啃

    Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Vue 2或其他框架开发的应用也有很多在使用Webpack。

    当我第一次看到Webpack的配置文件时，它看起来非常的陌生，我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比较特别的语法和引入了新的原理，因此会让使用者感到疑惑。这些也是导致Webpack不被人熟悉的原因。  因为刚开始使用Webpack很让人疑惑。

    Webpack的核心原理  Webpack的两个最核心的原理分别是：

    1. 一切皆模块  正如js文件可以是一个“模块（module）”一样，其他的（如css、image或html）文件也可视作模 块。因此，你可以require('myJSfile.js')亦可以require('myCSSfile.css')。这意味着我们可以将事物（业务）分割成更小的易于管理的片段，从而达到重复利用等的目的。  

    2. 按需加载  传统的模块打包工具（module bundlers）最终将所有的模块编译生成一个庞大的bundle.js文件。但是在真实的app里边，“bundle.js”文件可能有10M到15M之大可能会导致应用一直处于加载中状态。因此Webpack使用许多特性来分割代码然后生成多个“bundle”文件，而且异步加载部分代码以实现按需加载。

    写在最后：入坑需谨慎，且行且珍惜

文章地址：http://blog.yunzhancms.com/index.php?s=/Article/detail/id/312 欢迎转载，转载时请注明出处