Contributes8
Followers0
【小技巧】webpack項目中使用grunt監聽文件變動自動打包編譯 分享背景：編寫npm插件的時候，在項目裏的測試html文件內引用需要從入口文件轉譯打包成ES5。因此測試時每次改動都需要手動需要npm run build一下，很麻煩。獲知grunt有個watch功能，折騰了一下，可以做到每次js文件改動時自動build一波，很靈性。 安裝依賴包 //安裝grunt npm i grunt
Nickname 王林峯
作者：心葉 時間：2019年01月24日 20:08 需求説明 在我們開發代碼的時候，不會把全部代碼寫在一個文件，只有最後打包的時候會合並在一起，而有時候，我們除了要合併代碼，還可能需要更靈活的合併方案。 這個插件就是在一個代碼文件中的指定位置插入一些了碎片文件。 如何使用 首先，需要安裝node包： npm install grunt-plug-insert --save-dev 一旦安裝
Nickname 心葉
隨着前端發展如日沖天，前端項目也越來越複雜，得益於Nodejs的發展，前端模塊化、組件化、工程化也大勢所趨。這些年Grunt、Gulp到Webpack隨着工程化的發展都大行其道。 前端工程化的早期，主要是解決重複任務的問題。Grunt、Gulp就是其中代表。比如: 壓縮、編譯less、sass、地址添加hash、替換等。 Grunt官網中就説： 對於需要反覆重複的任務，例如壓縮（minificat
Nickname 跑碼
我在命令欄輸入grunt clean,提示如下錯誤 grunt-cli: The grunt command line interface (v1.2.0) Fatal error: Unable to find local grunt. If you're seeing this message, grunt hasn't been installed locally to your pro
Nickname yanping
[TOC] openssl證書生成 問題 golang 1.15+版本上，用 gRPC通過TLS實現數據傳輸加密時，會報錯證書的問題 rpc error: code = Unavailable desc = connection error: desc = "transport: authentication ha ndshake failed: x509: certificate is v
Nickname 阿兵雲原生
Grunt Grunt 生態系統非常龐大，並且一直在增長。由於擁有數量龐大的插件可供選擇，因此，你可以利用 Grunt 自動完成任何事，並且花費最少的代價。如果找不到你所需要的插件，那就自己動手創造一個 Grunt 插件，然後將其發佈到 npm 上吧 Grunt基本使用 yarn add grunt yarn add安裝之後，創建一個gruntfile.js文件，這是grunt的入口文件，用
Nickname HeiYanjing
構建工具：俗稱打包。 理解：將模塊文件進行合併，代碼壓縮，整合資源等一系列自動化操作。 為什麼會出現構建工具這項技術？ 我們希望看到頁面加載平滑，快速進行響應。 通過： 1.編寫代碼的邏輯，避免無效浪費內存資源，即優化代碼； 2.優化瀏覽器請求資源的速度； 原因： 首先瀏覽器加載資源 請求的文件數量越多越耗時，文件容量越大越耗時。但是為了我們前端項目結構清晰，我們一般會分成
Nickname XiaoYu
使用grunt 寫一個創建新分支的task 首選安裝必要的修飾庫 npm i ora inquirer chalk --save 編寫task 這一步主要為了給用户展示最近的幾個分支用來判斷新建是否重複，如果不用也可以，那就在拉取的時候通過shell判斷下輸入的分支號是否存在，不存在提示就行 function getBranchCurrent(callback) { exec
Nickname 呼啦星星星