无分类 利用 Webpack 实现小程序多项目管理 产品小姐姐:“我要做一堆小程序,一周上线一到两个没问题吧”码畜小哥哥:“你他喵是不是傻,做那么多干什么”产品小姐姐:“蹭些流量呀,用户量多了就可以考虑转化流量给公司的 App”码畜小哥哥:“fuck 好的”
无分类 Webpack学习-工作原理(下) 继上篇文章介绍了Webpack的基本概念,完整流程,以及打包过程中广播的一些事件的作用,这篇文章主要讲生成的chunk文件如何输出成具体的文件。分同步和异步两种情况来分析输出的文件使用的webpack版本:3.8.0。
javascript 进击webpack4 (基础篇二:配置) 前文:进击webpack 4 (基础篇 一) webpack.config.js基础配置 webpack 有4大概念 入口(entry) 输出(output) loader 插件(plugins) 入口与出口 {代码…} mode: 指定环境是development还是production 决定了打包…
javascript 进击webpack 4 (基础篇一) 本文为webpack的基础部分, 旨在如何从0搭建一个工程环境,并简单介绍打包之后生成什么代码, 并且介绍webpack的常用的各种loader,plugin的配置 跟解决了什么问题 本篇为第一篇
无分类 webpackPlugin插件总结 功能类 html-webpack-plugin 自动生成html,基本用法: {代码…} copy-webpack-plugin 拷贝资源插件 基本用法: {代码…} webpack-manifest-plugin && assets-webpack-plugin 俩个插件效果一致,都是生…
无分类 从dist到es:发一个NPM库,我蜕了一层皮 这并不是自己第一次发npm包, 所以这里没有多少入门的知识。在此之前已经有一篇前端脚手架,听起来玄乎,实际呢?,但这一次的npm包和上一次的不是一个概念,前者只是一个脚本工具,而这个npm包是日常开发中方法…
javascript webpack 的 scope hoisting 是什么? scope hoisting 是 webpack3 的新功能,直译过来就是「作用域提升」。熟悉 JavaScript 都应该知道「函数提升」和「变量提升」,JavaScript 会把函数和变量声明提升到当前作用域的顶部。「作用域提升」也类似于此…
无分类 webpack打包原理(待续) 打包工具要解决的问题: 文件依赖管理 梳理文件之间的依赖关系 资源加载管理 处理文件的加载顺序(先后时机)和文件的加载数量(合并、嵌入、拆分) 效率与优化管理 提高开发效率,完成页面优化
javascript Webpack系列-第一篇基础杂记 公司的前端项目基本都是用Webpack来做工程化的,而Webpack虽然只是一个工具,但内部涉及到非常多的知识,之前一直靠CV来解决问题,之知其然不知其所以然,希望这次能整理一下相关的知识点。