Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
写一个 eslint 插件:vue template 中 class 顺序的检查和自动修复
有小伙伴问我如何修复vuetemplate中的class名的顺序、属性名顺序,还有options中的属性顺序的问题,用eslint可以做到么。答案是能,但是需要写eslint插件来检查和修复。考虑到他可能没有写过eslint插件,所以我先把相对简单的校验和修复class名的顺序的插件摘出来实现了一下。思路分析首先,eslint是否能parsevue的模版呢?是可以的,因为eslint的parser支持切换,而vue实现了对应的parser,所以可以在eslint中使用vue-eslint-parser来解
545656
3273
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
前端领域的转译打包工具链(下):工程化闭环
这是我参与更文挑战的第7天,活动详情查看:更文挑战。这是前端领域的转译打包工具链的第二篇文章,上篇文章讲了前端领域的各种转译器,包括babel、tsc、terser、eslint、postcss、posthtml、swc等,介绍了他们各自的用途和通用的原理,还有在项目中使用的3种方式:githooks、ide插件、打包工具的loader和plugin。这一节我们继续探究工程化的工具链,包括打包工具、模块化、v8引擎、跨端引擎、工程化的闭环等。任务管理器和打包工具其实在打包工具流行之前,当时主要是各种任务管
545096
3299
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
从前端编译到手写 Babel
编译这个概念好像离前端很遥远,遥远到好像工作面试都不要求相关的知识。但是,真的遥远么?我们每天用Babel、TypescriptCompiler来做代码的转换,用VueTemplateCompiler来做Vue模版的解析,还会用Eslint做代码的静态检查、用Terser做代码压缩,最重要的是我们的JS代码是跑在JS引擎上的。这些不都是编译技术么?现在,你还觉得编译离前端很遥远么?其实,并不是编译技术在前端用不到,而恰恰是因为太过常用而容易被忽略。我们会去学习一些工具的使用,但不会去学习更底层的一些原理。
545919
3255
0
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
2年前
Webpack
初学者也能看懂的 Vue3 源码中那些实用的基础工具函数
1.前言大家好,我是若川。欢迎关注我的公众号若川视野,最近组织了源码共读活动,感兴趣的可以加我微信ruochuan12,长期交流学习。之前写的《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十篇源码文章。写相对很难的源码,耗费了自己的时间和精力,也没收获多少阅读点赞,其实是一件挺受打击的事情。从阅读量和读者受益方面来看,不能促进作者持续输出文章。所以转变思路,写一些相对通俗易懂的文章。
545191
3304
0
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
2年前
Webpack
从 vue-cli 源码中,我发现27行读取 json 文件有趣的 npm 包
1.前言大家好,我是若川。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。我倾力组织了源码共读活动,感兴趣的可以加我微信ruochuan12参与,或者关注我的公众号若川视野,回复“源码”参与。已进行4个月,每周大家一起学习200行左右的源码,共同进步,很多人都表示收获颇丰。想学源码,极力推荐关注我写的专栏(目前1.8K人关注)《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools
546375
3285
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
用 VSCode 调试网页的 JS 代码有多香
相比纯看代码来说,我更推荐结合debugger来看,它可以让我们看到代码实际的执行路线,每一个变量的变化。可以大段大段代码跳着看,也可以对某段逻辑一步步的执行来看。Javascript代码主要有两个运行环境,一个是Node.js,一个是浏览器。一般来说,调试Node.js上跑的JS代码我会用VSCode的debugger,调试浏览器上的JS代码我会用chromedevtools。直到有一天我发现VSCode也能调试浏览器上的的JS代码,试了一下,是真的香。具体有多香呢?我们一起来看一下。在项目的根目录下有
543328
3307
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
import 方式随意互转,感受 babel 插件的威力
当我们import一个模块的时候,可以这样默认引入:importpathfrom'path';path.join('a','b');functionfunc(){constsep='aaa';console.log(path.sep);}复制代码也可以这样解构引入:import{join,sepas_sep}from'path';join('a','b');functionfunc(){constsep='aaa';console.log(_sep);}复制代码第一种默认引入叫defaultimport,
545316
3253
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
TSLint 和 ESLint 是怎么融合在一起的
Eslint可以静态检查javascript代码一些逻辑上的错误,还有一些代码格式的错误。原理是把代码parse成AST,然后基于AST来检查一些问题。Tslint可以静态检查typescript代码的一些逻辑上的错误,一些代码格式的错误。原理也是基于AST的。既然都是基于AST,而且做的事情差不多,那为啥不合并到一起呢?后来,还真合并了,tslint合并到了eslint中,把tslint标记为了废弃。但是两者毕竟是不同的AST,而且tslint里还有一些类型检查相关的逻辑,这是eslint不支持的。那它
545531
3279
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Webpack
说说webpack中常见的Plugin?解决了什么问题?
说说webpack中常见的Plugin?解决了什么问题?一、是什么Plugin(Plug-in)是一种计算机应用程序,它和主应用程序互相交互,以提供特定的功能是一种遵循一定规范的应用程序接口编写出来的程序,只能运行在程序规定的系统下,因为其需要调用原纯净系统提供的函数库或者数据webpack中的plugin也是如此,plugin赋予其各种灵活的功能,例如打包优化、资源管理、环境变量注入等,它们会运行在webpack的不同阶段(钩子/生命周期),贯穿了webpack整个编译周期目的在于解决loader无法实
547035
3234
0
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
2年前
Webpack
初学者也能看懂的 Vue2 源码中那些实用的基础工具函数
本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。1.前言大家好,我是若川。欢迎关注我的公众号若川视野,最近组织了源码共读活动,感兴趣的可以加我微信ruochuan12参与,已进行两个多月,大家一起交流学习,共同进步,很多人都表示收获颇丰。想学源码,极力推荐之前我写的《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue3.2发布、vue-this、c
546673
3291
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多