![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端模块化
文章平均质量分 65
铛铛铛铛Huan
把简单的事做好就是不简单!
展开
-
Webpack理论与实践2
上期说到webpack插件,那我们这次来看一下 如何手写一个自定义插件,在这之前首先要大概了解插件的工作原理,这里引用Segmentfault上面的一篇帖子,感觉讲的比较透彻。 揭秘webpack插件的工作原理 插件编写 插件的实现主要运用了webpack里面的一些钩子【生命周期】,最主要是的compiler对象和complication中包含的钩子,同时使用Tapable事件流机制,对webpack的钩子注册事件监听,然后在使用插件的时候,就会执行监听里面的回调。这里我们举一个对打包文件进行换行处原创 2021-05-17 19:52:22 · 205 阅读 · 0 评论 -
Webpack理论与实践1
Webpack理论与实践 解决什么样的问题 随着前端项目越来越复杂,普遍的一个做法是模块化项目管理,而早期的前端模块化有以下这么几种方式 1. 文件划分 - 不同的模块就放到不同的文件 module1.js module2.js // module1.js function a() { console.log("module1"); } // module2.js var module2Data = "123"; 这种方式的缺点也比较明显: 1) 变量没有进行私有原创 2021-04-23 20:41:41 · 670 阅读 · 3 评论 -
JS 模块化规范
在我们最初写代码的时候,引入JS文件用script标签来引入,并且在引入多个JS文件时,当前文件所依赖的JS文件必须放在前面。也就存在一个顺序的问题,而且这是由开发者去判断和把控的。而现在前端项目越来越复杂,难免会出现很多很多script标签引入JS,这无论对于开发和维护都有着一定的缺点。所以出现了模块化的概念。模块化的形式有很多中,比如把某个特定功能封装成一个函数,但是存在着一个问题,很有可能会出原创 2017-09-04 15:18:13 · 2651 阅读 · 0 评论