首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端工具化与工程化
订阅
左岸诗人
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
eslint+husky+prettier+lint-staged提升前端应用质量
1. 引入扫描工具的初衷 目前在梳理前端应用时发现很多代码不规范的地方,包括简单的js问题以及代码格式化的问题,造成了代码可读性下降,另外各种历史代码也是“风格迥异”,一个应用是被来自”五湖四海“人共同维护,难不免有”广式烧腊、天津狗不理“各种口味,更难免的还有”臭味相投“的,…
1.2W字 | 了不起的 TypeScript 入门教程
TypeScript 已经入门了,但觉得 TypeScript 泛型有点难,想系统学习 TypeScript 泛型相关知识的小伙伴们看过来一文读懂 TypeScript 泛型及应用( 7.8K字)(掘金)。 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 J…
yarn link 与 npm link 使用及原理
开发过程中,一个包可以链接到另一个项目。 通常用于测试出新功能,或者尝试调试包在其他项目中表现的问题时。 1、cd 进入 link-module 目录,执行 npm link。 此时我们在link-module包做任何修改,都可以及时的反应到project-A中。 4、不想使用…
path.join()和path.resolve()的区别
path.join():方法使用平台特定的分隔符[Unix系统是/,Windows系统是\ ]把全部给定的 path 片段连接到一起,并规范化生成的路径。若任意一个路径片段类型错误,会报错。 如果连接后的路径字符串是一个长度为零的字符串,则返回 '.',表示当前工作目录。 pa…
2020年了,再不会webpack敲得代码就不香了(近万字实战)
2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深…
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
webpack:从入门到真实项目配置
自从出现模块化以后,大家可以将原本一坨代码分离到个个模块中,但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿,由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题,将所有小文件打包成一个或多个大文件,官网的图片很好的诠释了这个事情,除此之外,Web…
webpack 之 loader 和 plugin 简介
作者介绍:赵鹏,美团点评点餐团队成员 webpack是一个模块打包器(module bundler),提供了一个核心,核心提供了很多开箱即用的功能,同时它可以用loader和plugin来扩展。webpack本身结构精巧,基于tapable的插件架构,扩展性强,众多的loade…
webpack编译速度提升之DllPlugin
DllPlugin结合DllRefrencePlugin插件的运用,对将要产出的bundle文件进行拆解打包,可以很彻底地加快webpack的打包速度,从而在开发过程中极大地缩减构建时间。 结论先行:使用DllPlugin和DllRefrencePlugin进行构建,可以缩减5…
Webpack 按需打包 Loadsh
Loadsh 是一个一致性、模块化、高性能的 JavaScript 实用工具库。在数据操作时,我们经常会用的 loadsh 封装好的一些工具方法,但是并不想把整个包打包进项目里面。 以下提供几个按需打包 lodash 的方法。