For better learning,better living.
6 月 20 日，Webpack 发布了最新的 3.0 版本，并在 Medium 发布了公告。 Webpack 目前几乎作为前端开发的标配，所以我们一起来看一看新版中有哪些主要的特性更新。 整体相对于 2.0 变化不大，不必惊慌。 下面是 v3.0 Release 中的 Features List。 node_modules no longer mangle to ~ in stats [breaking change] timeout for HMR requests is configurable added experimental Scope Hoisting (webpack.optimize.ModuleConcatenationPlugin) some performance improvements added output.libraryExport to select an export for the library sourceMapFilename now…
在看内容之前，我们需要来了解一下目前前端的形式。很久之前在一份简历中，看到这样一句话“推崇前端模块化及组件化”。而目前前端的需求也正如次。如果你有了解vue，react等前端流行框架，那么无论是那一个，都是组件为主。个人感觉vue会更舒服，包含了 template、script、css 的 *.vue文件用起来得心应手。说远了，我们接下来了解前端模块化。 1.模块 我们先来看看什么是模块，谈起模块就要从最根本的作用域开始说起。js的作用域是“函数级作用域” function fn1() { var num = 10; } function fn2() { var num = 20; } window.fn1(); window.fn2(); 上面的代码可以理解为最基本的模块，当然，这样的代码是不行，毕竟太污染全局变量了。 那么如果修改呢？看下面代码 var myModule = { num:10, str:”iwen”, fn1:function () { console.log(this.num); }, fn2:function () { console.log(this.str); } }; myModule.num = 20; myModule.fn1(); 将属于一个模块的内容放入到一个对象中，这样很好解决了污染问题。当大家看到 myModule.num = 20; 的时候，发现外部可以随意修改内部成员。所以这样写不太合适。 那么我们在看下面的代码： var myModule…