tag plugin

標籤
貢獻26
97
02:42 PM · Nov 06 ,2025
tosmile 頭像 thjjames 頭像 dirackeeko 頭像 jamesfancy 頭像 blockgeek 頭像 banxiazhimo 頭像 feipeng123s 頭像 huishou 頭像 zuozuomuyi_62edd9a3dce06 頭像 dynamic_cell 頭像 meetqy 頭像 yeqown 頭像

@plugin / 博客 RSS 訂閱

madaoli666 頭像

MadaoLi666 - 一個極簡單的配置檢測工具

Introduction 前端項目中有多個環境的配置，在開發/測試/內測/上線各個階段都需要手動進行配置。且此項目有多個子項目的接入，在Devops流程中難以對配置進行檢查，因此寫了一個在Webpack打包Compiler initialize階段的環境配置檢查工具。 這個工具（暫時）去檢查各個環境下的配置文件導出的變量名稱是否相同 How to use Install npm i envi

node.js , plugin , webpack

收藏 評論

tosmile 頭像

浪遏飛舟 - 從AST原理到ESlint實踐

AST（抽象語法樹） 為什麼要談AST? 如果你查看目前任何主流的項目中的devDependencies，會發現前些年的不計其數的插件誕生。我們歸納一下有：ES6轉譯、代碼壓縮、css預處理器、eslint、prettier等。這些模塊很多都不會用到生產環境，但是它們在開發環境中起到很重要的作用，這些工具的誕生都是建立在了AST這個巨人的肩膀上。 什麼是AST？ It is a hierarch

ast , 插件 , plugin , 註釋 , eslint

收藏 評論

zuozuomuyi_62edd9a3dce06 頭像

Name6 - 實現一個打包時將CSS注入到JS的Vite插件

前言 Vite 在2.0版本提供了Library Mode（庫模式），讓開發者可以使用Vite來構建自己的庫以發佈使用。正好我準備封裝一個React組件並將其發佈為npm包以供日後方便使用，同時之前也體驗到了使用Vite帶來的快速體驗，於是便使用Vite進行開發。 背景 在開發完成後進行打包，出現瞭如圖三個文件： 其中的style.css文件裏面包含了該組件的所有樣式，如果該文件單獨出現的話，意

vite , plugin , typescript , 前端 , Javascript

收藏 評論

laxnogithub 頭像

laxnogithub - 前端-圖片壓縮，基於vue/webpack的tinypng插件

介紹/info auto compress img by tinypng when used webpack or vue This plugin can record the compression and will not recompress the file if it is not updated 適用於vue和webpack的tinypng插件，支持調整圖片尺寸 能夠根據記

vue.js , plugin , webpack , npm , Javascript

收藏 評論

thjjames 頭像

小皇帝James - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器，讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件（或預設）應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜，需要有相當的基礎知識，在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - webapck自動部署plugin

不説廢話，直接上貨。 webpack打包後自動部署插件：webpack-auto-upload-j 插件項目地址：https://github.com/jiangji1/w... 在項目中安裝該模塊 npm i webpack-auto-upload-j --save-dev webpack導入插件並配置 const WebpackAutoUploadJ = require('webpack-au

plugin , webpack2

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 看，這些 plugins 常用又簡單

前面文章中 體驗了webpack的打包 、解析css資源 、處理圖片字體等文件 接下來看看 plugins 有什麼作用吧~ 項目路徑如下，和上一篇 處理圖片字體等文件 項目保持一致 demo ├─ src │ ├─ css │ │ ├─ index.css │ │ └─ file.css │ ├─ img │ │ ├─ portrait.png │ │

plugin , webpack , 前端 , Javascript

收藏 評論

diaopidexifan 頭像

調皮的稀飯 - Loader 和 Plugin：原理與技術實現

Loader 和 Plugin：原理與技術實現 在軟件開發中，加載器和插件是兩個非常重要的概念，它們各自具有獨特的用途，並且經常一起使用，以實現代碼的模塊化、可擴展性和複用性。這篇文章將深入探討加載器和插件的工作原理，以及如何在實際項目中使用它們。 一、加載器（Loader） 加載器通常用於動態加載和執行代碼。在Web開發中，加載器最常見的用途是異步加載JavaScript模塊。例如，Webpac

loader , plugin

收藏 評論

tosmile 頭像

浪遏飛舟 - Sass將Unicode編譯成文字字符導致icon亂碼問題

發現問題 最近在使用公司組件庫中的穿梭框組件時發現icon圖標全都亂碼了 分析問題 經排查發現，組件樣式文件（scss）引入的iconfont矢量圖標字體，構建時，\e601這類Unicode字符在經過sass編譯後就變成了文字字符（雙字節字符），導致出現亂碼 .icon-ok:before { content: "\e601"; } Sass編譯後 .icon-ok:before {

iconfont , sass , loader , plugin , unicode

收藏 評論

user_p5fejtxs 頭像

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數，對匹配到的內容進行轉換，將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言，對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

收藏 評論

bytebase 頭像

Bytebase - 業界數據庫工具結合 ChatGPT 的（不完全）彙總

雖然 ChatGPT 才發佈沒多久，但已經成為了打工人必不可少的工具，基於 ChatGPT 的工具也像雨後春筍般涌現出來。而在數據庫相關領域，大家立馬想到的就是能否利用 ChatGPT 的相關技術來幫大家實現用自然語言聊天的方式寫出 SQL。下面我們就來盤點一下最近出現的一系列工具。 sqlTranslate sqlTranslate是利用 OpenAI 的 API 實現的一個很簡單的工具，輸入自

plugin , 數據庫 , chatgpt , SQL

收藏 評論

youyingxiang 頭像

youyingxiang - Laravel-Plugin 基於 Laravel 的插件機制解決方案

介紹 Laravel Plugin 是為需要構建自己生態的開發者提供的插件機制解決方案，使用它您可以構建類似 wordpress 的生態。它能為您提供的幫助如下： 基於服務註冊的方式去加載插件。 通過命令行的方式，插件開發者可以方便快捷的構建插件，上傳插件到插件市場。 提供插件 composer 包支持。在創建的插件中單獨引用 composer。 以事件監聽的方式，執行插件安裝,卸載,啓

插件 , plugin , php , laravel , 插件化

收藏 評論

merico 頭像

思碼逸研發效能 - How to Implement a DevLake plugin?

本文作者：likyh 個人主頁：https://github.com/likyh If your favorite DevOps tool is not yet supported by DevLake, don't worry. It's not difficult to implement a DevLake plugin. In this post, we'll go through

devops , plugin , 數據可視化 , 開源

收藏 評論

zhoutk 頭像

zhoutk - Qt 插件編程實踐

緣由 最近在用Qt做項目，在網上找插件編寫的資料，沒有完整的代碼，要下載的資源都被傳到需要積分的網站上了，感覺很不爽。因此把插件示例項目編寫完整，並在github上開了一個qtDemo項目，寫了這篇文章。 作為一個拖磚項目，望大家在學習同時，不要忘記了分享的精神。這個項目我會把學習Qt的代碼不斷更新上來，若有同道者，請pull request給我，本項目收集Qt示例程序，謝謝！ 技術選擇 我

plugin , cmake , c++ , Linux , qt5

收藏 評論

thjjames 頭像

小皇帝James - 編寫markdown-it的插件和規則

前言 最近看vuePress源碼時發現在使用markdownLoader之餘使用了大量的 markdown-it 插件，除了社區插件（如高亮代碼、錨點、emoji識別等），同時也自行編寫了很多自定義插件（如內外鏈區分渲染等）。 文章結合源碼和自己之前寫過的插件來詳細解讀如何編寫一個 markdown-it 插件規則。 簡介 markdown-it 是一個輔助解析markdown的庫，可以完成

plugin , vuepress , 前端 , Javascript , Markdown

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] 特性學習-混入和插件

在項目的main.js文件中，有可能會出現 Vue.mixin(customizedMixin);... new Vue(...); 這裏的Vue.mixin()方法是將引入的customizedMixin文件（主要是customizedMixin文件中的全局方法、生命週期鈎子中的特殊處理、以及其他屬性如data、watch等等）掛載到全局。 當全局引入的customiz

vue.js , mixin , plugin , 前端

收藏 評論

tonyyoung 頭像

拖泥羊 - 前端工程化7：自定義實現Webpack中的Loader和Plugin

loader對比plugin loader：用於資源加載並處理各種語言的轉換/編譯（例如將不同語言轉換為javascript）； plugin：用於資源加載以外的其他打包/壓縮/文件處理等功能； loader原理，loader的自定義實現 loader 用途 loader 用於資源加載並處理各種語言的轉換/編譯（例如將不同語言轉換為javascript）； loader 實現原理，自定義實

loader , plugin , 工程化 , webpack , 前端

收藏 評論

dujinyang 頭像

dujinyang - Gradle Plugin Version和Gradle Version 對應關係

Project Gradle AS建議升級到4.2。 Plugin對應AS的版本，Plugin工具也要和Gradle對應上，否則某些語法不支持，如果是非必要的建議不要輕易升級。 Gradle DSL method not found: 'exclude()' Gradle DSL method not found: 'run()' Gradle DSL method not found: '

小程序 , plugin , Android , android-studio , gradle

收藏 評論

bty834 頭像

bty834 - IDEA插件開發：自動生成setter

背景 在給Java局部變量的實體賦值時，往往有很多setter，一個一個寫很麻煩，也會漏掉，因此開發一款插件，可以自動生成局部變量實體的所有setter。 插件效果如下： 可以在plugin marketplace 搜索：Summon Setters 源碼參考：Summon-all-setters 開發前 IDEA plugin 通過 Java 或 Kotlin 語言編寫，官方目前推

Kotlin , plugin , intellij-idea

收藏 評論

yeqown 頭像

yeqown - 造了一個 protoc-gen-fieldmask 插件

動手做一個 protoc-gen-fieldmask 插件來解決，gRPC 在服務側的增量更新和屏蔽字段的場景問題；同時總結下使用 PG* 開發 protoc 插件的一些經驗。 已經在分享在博客，就不再CV一遍了，感興趣的可以到博客或者github上交流： 博客地址：https://yeqown.xyz/2022/01/25... 項目地址：https://github.com/yeqown

grpc , 微服務 , plugin , protocol-buffer , go

收藏 評論

coolbee 頭像

coolbee - JetBrains Plugin Git Assistant 1.4.0 插件洞察 Commits

貢獻者排名：查看誰在您的倉庫排行榜上名列前茅。它既有趣又有競爭力，信息量豐富！ 提交時間分析：發現您的團隊最活躍的時間——按小時、周、月或年。您是夜貓子還是早起的人？ 時區分佈：可視化您的提交來自世界哪個地方。全球團隊合作變得清晰可見！使用對數尺改善視覺呈現 下載地址: https://plugins.jetbrains.com/plugin/24154-git-assist

plugin , 可視化 , jetbrains , Git

收藏 評論

meetqy 頭像

meetqy - 【記錄】如何造一個vite插件(1)

在此之前，先做個定位，這不是一篇純粹的技術性文章，可以把它理解成一個敍述文章，記錄我開發插件的過程。 開始前簡單的吹個牛 vue2 也寫了很多年了，多人合作始終避不開用到別人的組件。關鍵是有些組件沒有文檔看起來是真的費勁。props還可以直接通過組件看出來，emit,ref,slot代碼一多看起來就比較費勁了。也想過一些解決方案，比如每個組件寫一個 readme。這就有一個問題，時間太緊了，誰來給

vite , plugin , vue3 , 前端

收藏 評論

dynamic_cell 頭像

小紅星閃啊閃 - Flutter--寫一個原生插件

開發Flutter的Plugin 新建一個plugin項目calendar_plugin： $ flutter create --template=plugin --platforms=android,ios calendar_plugin 平台指定為Android和iOS，稍後再加一個平台macOS來看看這個流程可以如何操作。後續可以的話再嘗試添加windows和web。 默認的iOS使用的是s

插件 , plugin , native , flutter

收藏 評論

chencaize 頭像

點墨 - QT自定義組件系列1:run一個示例-Custom Widget Plugin Example

1.打開QT示例,Custom Widget Plugin Example 2.選擇編譯環境，注意需要與QT creator保持一致，可以通過Help-About Qt Creator裏查看qt creator的編譯環境,我這裏是Qt 6.2.3(MSVC 2019,64 bit) 3.選擇release構建 4.將生成的customwidgetplugin.dll

plugin , qt

收藏 評論