![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
kuke_kuke
想要成为一名优秀的、卓越的攻城狮
展开
-
webpack进阶之路一、(介绍到安装及简单使用)
一、为什么要用webpack? 1. 模块化开发 指将一个复杂的系统分解为多个模块以方便开发和修改。 好处有: 避免变量污染,命名冲突 提高代码复用率 提高维护性 依赖关系的管理 2. 模块化开发规范介绍 CommonJS、AMD、ES6等 CommonJS(CommonJS官网)的核心思想是通过require方法来同步加载依赖的其它模块,通过module.exports导出需要暴露的接口...原创 2018-10-23 16:29:47 · 245 阅读 · 0 评论 -
webpack进阶之路二、(配置)
Entry:配置模块的入口。 Output:配置如何输出最终想要的代码。 Module:配置处理模块的规则。 Resolve:配置寻找模块的规则。 Plugins:配置扩展插件 DevServer:配置DevServer。 其他配置项:其他零散的配置项。 整体配置解构:整体地描述各配置项的结构。 多种配置类型:配置文件不止可以返回一个Object,还可以返回其他形式。 配置总结:寻找配置Webp...转载 2018-11-07 09:22:13 · 1423 阅读 · 0 评论 -
webpack进阶之路三、(实战一,使用ES6、ts、Flow、SCSS)
一、使用新语言来开发项目 1、使用ES6语言 通常我们需要将采用ES6编写的代码转换成目前已经支持良好的ES5代码,包含如下: 将新的ES6语法用ES5实现,例如ES6的class语法用ES5的prototype实现; 为新的API注入polyfill,例如使用新的fetch API时在注入对应的polyfill后才能让低端浏览器正常运行。 认识Babel Babel(https://bab...转载 2018-11-07 19:19:12 · 3096 阅读 · 1 评论