随笔分类 -  前端工程

上一页 1 2
微前端架构和方案
摘要：知乎微前端专题 微前端完整解读 —— 场景分析及 Qiankun 原理介绍 微前端框架 之 qiankun 从入门到源码分析 微前端框架 之 single-spa 从入门到精通 qiankun 技术圆桌 微服务:从Single-SPA到类Single-SPA初探 滴普微前端实践系列之二：实践篇 if 阅读全文
posted @ 2021-03-19 17:45 我是格鲁特 阅读(522) 评论(0) 推荐(0)
less或scss中波浪符的使用场景
摘要：1. 使用calc函数时，100%参与计算该如何表示？ cacl(~"100% - 20px")； 2. webpack.resolve.alias中定义的路径映射符在less中该如何使用? webpack映射如下: less中使用时： background: url('~img/dataManag 阅读全文
posted @ 2020-12-04 10:48 我是格鲁特 阅读(622) 评论(0) 推荐(0)
tree-sharking相关
摘要：package.json 中的 Module 字段是干嘛的 webpack和tree-sharking对比 你的Tree-Shaking并没什么卵用 (juejin.cn) 阅读全文
posted @ 2020-12-02 21:11 我是格鲁特 阅读(123) 评论(0) 推荐(0)
git hook相关内容
摘要：一、Git钩子 Git 能在特定的重要动作发生时触发自定义脚本，它能完成下列一些很常用的场景： 1.多人开发代码语法、规范强制统一2.commit message 格式化、是否符合某种规范3.如果有需要，测试用例的检测4.服务器代码有新的更新的时候通知所有开发成员5.代码提交后的项目自动打包（git 阅读全文
posted @ 2020-10-22 20:24 我是格鲁特 阅读(306) 评论(0) 推荐(0)
webpack SplitChunksPlugin实用指南
摘要：https://www.jb51.net/article/147556.htm 阅读全文
posted @ 2020-10-10 17:21 我是格鲁特 阅读(84) 评论(0) 推荐(0)
lerna管理前端模块最佳实践
摘要：https://juejin.im/post/6844903568751722509 阅读全文
posted @ 2020-10-10 09:55 我是格鲁特 阅读(235) 评论(0) 推荐(0)
@babel/preset-env相关问题
摘要：Babel 推荐使用 @babel/preset-env 套件来处理转译需求。顾名思义，preset 即“预制套件”，包含了各种可能用到的转译工具。 之前的以年份为准的 preset 已经废弃了，现在统一用这个总包。同时，babel 已经放弃开发 stage-* 包，以后的转译组件都只会放进 pre 阅读全文
posted @ 2020-09-29 20:36 我是格鲁特 阅读(1782) 评论(0) 推荐(0)
使用require.context实现前端工程自动化
摘要：https://www.jianshu.com/p/c894ea00dfec 阅读全文
posted @ 2019-10-19 08:16 我是格鲁特 阅读(315) 评论(0) 推荐(0)
babel各单元简介
摘要：点击跳转 阅读全文
posted @ 2019-08-16 14:20 我是格鲁特 阅读(118) 评论(0) 推荐(0)
babel编译器相关知识
摘要：babel编译器介绍 阅读全文
posted @ 2019-07-29 09:19 我是格鲁特 阅读(100) 评论(0) 推荐(0)
webpack钩子
摘要：http://www.imooc.com/article/260336 阅读全文
posted @ 2019-06-27 14:39 我是格鲁特 阅读(305) 评论(0) 推荐(0)
vscode常用插件
摘要：https://www.html.cn/archives/9507 阅读全文
posted @ 2019-05-09 21:06 我是格鲁特 阅读(95) 评论(0) 推荐(0)
vscode eslint格式化配置
摘要：https://www.jianshu.com/p/23a5d6194a4b 阅读全文
posted @ 2019-04-30 18:03 我是格鲁特 阅读(204) 评论(0) 推荐(0)
git远程版本回滚方法【转】
摘要：step1:本地代码回滚到上一版本（或者指定版本） step2:加入-f参数，强制提交，远程端将强制跟新到reset版本 阅读全文
posted @ 2019-03-07 11:48 我是格鲁特 阅读(254) 评论(0) 推荐(0)
icon最佳实践
摘要：使用svg图标时，svg图标最好去色（方法：将svg内容里的颜色值改为currentColor）,另外不要使用<img src='/xxx.svg'>的方式，这种方法鼠标移上去时无法让图标变色。 详细使用 svgr/webpack 将远程svg做为react组件 阅读全文
posted @ 2019-02-14 17:59 我是格鲁特 阅读(165) 评论(0) 推荐(0)
console.log高级用法
摘要：链接地址 阅读全文
posted @ 2019-01-08 16:32 我是格鲁特 阅读(241) 评论(0) 推荐(0)
webpack实践总结
摘要：一、Loader写法及执行顺序 从webpack2起，loader的格式如下： module: { rules: [ {test: /\.css$/, use: ['style-loader','css-loader']}, ] } webpack1中的写法如下： module: { loaders 阅读全文
posted @ 2018-09-11 16:24 我是格鲁特 阅读(894) 评论(0) 推荐(0)
npm包升级
摘要：npm常用命令 npm-update命令实在蛋疼，只会根据package.json里包的版本号进行升级，不能自动检查某个包是否有更新，也不能更新整个项目中所有的包，还好有下面这个工具 npm-check-updates 检查项目中可升级的包 ncu 升级所有可升级的包 ncu -a 升级某个包，并更 阅读全文
posted @ 2018-04-30 00:16 我是格鲁特 阅读(127) 评论(0) 推荐(0)

上一页 1 2