tag 構建工具

標籤
貢獻24
75
08:14 PM · Nov 03 ,2025

@構建工具 / 博客 RSS 訂閱

limingcan - 弄懂這幾個概念後,我對webpack有了新的理解

前言 隨着vite的誕生,webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統,體驗了一把,確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久,也經過市場的一些考驗,並且它有着豐富的插件,豐富的功能,一些大型的項目也使用過它,目前來説,它是一個相對於vite來説更穩定的打包工具。 基於以下原因: 有些公司由於歷史

構建工具 , webpack5 , webpack , 前端 , Javascript

收藏 評論

代碼搬運學家 - 為什麼我選擇華為雲CodeArts Build進行構建?

華為雲構建服務是一款強大的雲端構建工具,可以幫助開發者快速構建、測試和部署應用程序。它支持多種編程語言和框架,如Java、Python、Node.js、Spring Boot、Django等,可以滿足不同開發者的需求。 華為雲構建服務提供了全自動化的構建流程,無需手動干預,大大提高了開發效率。同時,它還支持多種構建方式,如源碼構建、Docker構建等,讓開發者可以根據自己的需求選擇最適合的構建方式

構建工具 , devops , 編譯開發

收藏 評論

浪遏飛舟 - React組件應用於Spring MVC工程

背景 公司前端技術棧還處於React+Mobx與Spring MVC(freemarker+jQuery)共存的階段,兩種技術棧頁面難免會存在一些相同的業務功能,如果分別開發和維護,需要投入較大人力成本,因此,我們嘗試將React業務組件應用於Spring MVC項目,一處開發多處使用,降低不必要的成本投入。 應用 一、簡單封裝組件掛載與卸載方法 Spring MVC是面向DOM api的編程,需

構建工具 , react , spring-mvc , 組件化 , 兼容性

收藏 評論

Enaium - Gradle極簡入門

首發於Enaium的個人博客 什麼是 Gradle Gradle是一個基於Apache Ant和Apache Maven概念的項目自動化構建工具。它使用一種基於Groovy的特定領域語言(DSL)來聲明項目設置,而不是傳統的XML。Gradle構建腳本是用Groovy編寫的,也可以使用Kotlin編寫,兩者都是基於JVM的語言。 安裝 Gradle 在開始之前,想必大家已經學會了Java或者Ko

構建工具 , Kotlin , JAVA , gradle

收藏 評論

代碼搬運學家 - 編譯構建時,選擇內置執行機還是自定義執行機?

執行主機是指用來執行編譯構建任務的計算資源。在編譯構建服務中,該計算資源通常為虛擬機和cce。執行主機包括了內置執行機和自定義執行機。 在本文中,我們將探討內置執行機和自定義執行機的差異、內置執行機的優勢以及什麼情況下使用自定義執行機。 這兩者區別在於: 內置執行機:編譯構建服務自身提供的執行主機,用户無需配置開箱即用。 自定義執行機:用户自行提供的計算資源,通過註冊的方式託管到編譯構建服務

構建工具 , 編譯開發 , 華為雲

收藏 評論

XiaoYu - 前端構建工具webpack(原理篇)

目的:瞭解輸入打包命令後發生了什麼事情 本質:Node去運行一個js文件,這個js文件做的事情就是鋪墊好流程,接着啓動打包流程。 首先我們先來了解一下這個js文件到底有什麼東西,再來引出概念。 我把這個文件形容為一個車間,那麼車間最重要的是什麼呢,最重要的是要有機牀。 這個機牀在webpack構建中稱之為Compiler。它是一個編譯類。 那麼這個機牀要需要啓動的話要先準備什麼,需要先輸入它

構建工具 , node.js , webpack , 原理

收藏 評論

李志健 - Bower的安裝與基本使用

Bower是什麼東西? 一個前端包管理工具。能夠幫我們管理Web站點上的各種框架,類庫等等。主要作用有如下:能夠幫助我們跟蹤前端包,並且保證他們是最新(或者是你指定的特定版本),Bower能夠管理前端裏面的HTML,CSS,JS,甚至還可以是圖片。Bower還有一個最大的好處,它對我們前端進行了優化。如果多個包依賴於一個包,例如jQuery,那麼Bower將只下載jQuery一次,這樣就稱為扁平依

構建工具 , php , bower , 前端 , Javascript

收藏 評論

龍蜥社區 - 免費、安全、可靠!一站式構建平台 ABS 介紹及實例演示 | 龍蜥技術

編者按:操作系統是一個大的軟件集合,成百上千個軟件之間有相互調用、相互依賴等各種複雜的關聯關係,所以統一的軟件包格式,能夠更友好地管理、定義這些複雜關係。今天,龍蜥社區基礎設施 Contributor 單凱倫帶大家瞭解龍蜥社區官方構建平台 ABS,熟悉 Anolis OS 軟件包、鏡像構建流程以及 ABS 未來規劃等。本文整理自龍蜥大講堂 86 期,以下為本次分享內容: 01 ABS 介紹 (

構建工具 , 操作系統 , 軟件 , 開源 , 鏡像

收藏 評論

limingcan - 有了這些方法,webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後,我對webpack有了更新的理解 的講解,我們大致瞭解了: 使用webpack過程中出現的一些概念 結合打包過程中出現的概念,淺析了webpack打包流程,讓大家對打包流程有個大致的理解 我們都知道,我們在實際開發過程中,使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼,為了更貼近實際,我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

收藏 評論

緣自世界 - 構建多頁面應用——單個頁面的處理

在看這篇文章之前,需要你對構建多頁面應用有一定的基礎認識,如果沒有的話,可以先參考這篇文章webpack 構建多頁面應用。 多頁面應用是由一個個獨立的頁面組成。因此,細粒度的處理一個個單頁面是構建單頁面框架之後的一個重要實現。 因為所涵蓋的知識點較碎,所以就不按照頁面的位置結合組成元素來講,如:head, body, script等。這裏主要介紹head。因為script操作其實就是上一篇文章中已

構建工具 , webpack3 , webpack , webpack4

收藏 評論

minos_chertsfield - CMake學習(一)

CMake學習(一) 1、簡介 CMake是一個強大的軟件構建系統,可以用簡單的語句來描述所有平台的安裝(編譯過程) 可以編譯源代碼、製作程序庫、產生適配器(wrapper)、還可以用任意的順序建構執行檔 https://cmake.org/ 2、構建基礎項目 最基礎的 CMake 項目是由單個源代碼文件構建的可執行文件 對於這種簡單的需求,我們所需要用到的僅僅是一個名為CMa

構建工具 , visual-studio-code , cmake , c++

收藏 評論

alienzhou - 替代 webpack?一文帶你瞭解 snowpack 原理,你還學得動麼

近期,隨着 vue3 的各種曝光,vite 的熱度上升,與 vite 類似的 snowpack 的關注度也逐漸增加了。目前(2020.06.18)snowpack 在 Github 上已經有了將近 1w stars。 snowpack 的代碼很輕量,本文會從實現原理的角度介紹 snowpack 的特點。同時,帶大家一起看看,作為一個以原生 JavaScript 模塊化為核心的年輕的構建工具,它是如

構建工具 , webpack , 模塊化開發 , 前端 , Javascript

收藏 評論

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

收藏 評論

李十三 - 前端構建這十年

寫在前面 前端模塊化/構建工具從最開始的基於瀏覽器運行時加載的 RequireJs/Sea.js 到將所有資源組裝依賴打包 webpack/rollup/parcel的bundle類模塊化構建工具,再到現在的bundleless基於瀏覽器原生 ES 模塊的 snowpack/vite,前端的模塊化/構建工具發展到現在已經快 10 年了。 本文主要回顧 10 年間,前端模塊化/構建工具的發展歷程及

構建工具 , vite , webpack , 模塊化開發 , 前端

收藏 評論

HeiYanjing - 一個gulp構建工作流案例

一個構gulp自動化構建工作流案例 需要對樣式文件,js文件,html文件,圖片字體文件,其他額外文件依次構建任務,並在此過程中實現對文件的壓縮合並 const { src, dest, series, parallel, watch, } = require('gulp'); const loadPlugins = require('gulp-lo

gulp , 構建工具

收藏 評論

浪遏飛舟 - React組件如何適配到MVC項目

笑而不語是一種豁達,痛而不言是一種歷練。時間改變着一切,一切改變着我們,曾經看不慣,受不了的,如今不過淡然一笑。 成熟,不是看破,而是看淡,原先看不慣的如今習慣了,曾經想要的,現在不需要了,開始執着的,後來很曬脱了... 成長的路上,人總要沉澱下來,過一段寧靜而自醒的日子,來整理自己,沉澱再沉澱,然後成為一個温柔而強大的人! 目前公司的業務線中存在許多未進行前後端分離的 Spri

構建工具 , react , shadow , 打包 , mvc

收藏 評論

熱情的甜瓜 - 一套平台管理上千構件:Gitee DevSecOps 如何用 CBB 重塑軍工研發範式?

在軍工軟件逐步邁向智能化、規範化和集約化的過程中,行業正在經歷一場深刻的「研發範式革命」。隨着項目體量不斷膨脹、系統複雜度持續上升,傳統的研發方式正在遭遇效率、質量與協作的三重瓶頸。 CBB(Common Building Block,通用構件庫)作為一種模塊化、標準化、可複用的研發方式,已成為解決行業共性難題的關鍵抓手。Gitee DevSecOps 平台立足國產化、自主可控的研發生態,結合在協

構建工具 , 生命週期 , devsecops , 模塊化 , 研發團隊

收藏 評論

憶賦 - 阿里雲settings

基於 apache maven 3.9.0 修改 ?xml version="1.0" encoding="UTF-8"? !-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed w

構建工具 , maven , settings , JAVA

收藏 評論

代碼搬運學家 - 如何順滑使用編譯構建平台?

這兩年平台構建服務需求越來越大,卻一直苦於找不到一些指南, 這裏特意寫了一篇, 對在學習代碼階段和新手程序員朋友也蠻友好, 配置真的也不難, 也特別適合想嘗試從0到1做個APP的朋友了。 以華為雲的CodeArts Build為例,講一下如何開通平台構建服務: 登錄華為雲官網,進入控制枱。 在控制枱頁面中,選擇“CodeArts Build”服務。 點擊“開通服務”按鈕。

構建工具 , devops

收藏 評論

快樂的枕頭 - 構建數據技術代碼簡單

構建數據技術代碼簡單 構建數據技術代碼並不總是意味着需要複雜的編程或深奧的算法。相反,有時候,簡潔明瞭的代碼能更有效地達到目的。下面是一個簡單的例子,展示瞭如何使用Python的pandas庫來構建一個基本的數據處理流程。 步驟一:導入必要的庫 首先,我們需要導入pandas庫,它是一個非常流行的Python數據處理庫。 python import pandas as pd 步驟二:讀取數據 接下

構建工具

收藏 評論

騰訊藍鯨智雲 - DevOps工具鏈選型指南

本文來自騰訊藍鯨智雲社區用户: CanWay DevOps,常被視為敏捷開發方法的進一步發展,主要是為了實現軟件開發生命週期中開發與運營團隊之間更緊密、更高效的協作。它代表着一場企業文化的變革,其核心是通過打破傳統開發和運營的“壁壘”,將兩者緊密整合在一起,以縮短產品上線週期並提高產品質量。 DevOps工具鏈是一套為軟件開發全流程而設計的工具集合,包括設計、構建、測試、項目管理、性能測量、

構建工具 , 軟件開發 , devops , 區塊鏈 , 運維

收藏 評論

阿里雲開發者 - B 站構建實時數據湖的探索和實踐

一、背景和痛點 在大數據場景應用中,業務不僅要計算數據結果,而且要保障時效性。目前,我司演化出兩條鏈路。時效性高的數據走 Kafka、Flink 實時鏈路;時效性要求低的數據走 Spark 離線鏈路。上圖簡單描述了 B 站數據上報、處理和使用的鏈路。數據採集主要通過 APP 端上報的行為事件數據。服務端上報的日誌數據會通過網關以及分發層,流式分發到大數據數倉體系內。 MySQL 中存儲的業

構建工具 , 數據 , 阿里雲 , 存儲 , 雲原生

收藏 評論

阿里雲開發者 - 對話開發者:Serverless 落地的困境與破局

從 2012 年提出 Serverless 到今年 2022 年剛好十年。 過去十年,上雲是確定性趨勢,在這個階段企業一開始的關注點在於如何實現平滑上雲。隨着越來越多的企業上雲,甚至很多企業系統第一天就是在雲上構建,企業的核心關注點轉變為如何更好地利用雲的能力。 在新的階段中,雲服務的角色也從單純的提供資源,變成了企業構建應用的新平台,幫助企業儘可能減小機器運維等低價值重複工作,聚焦於業務的

構建工具 , 阿里雲 , 雲服務 , 雲原生 , serverless

收藏 評論

得物技術 - 前端打包工具Mako架構解析|得物技術

一、Mako是什麼 Mako是一個新的Web打包工具,適用於Web應用、庫和框架。它被設計得快速、可靠且易於使用。Mako已被數百個生產項目中使用。如果你正在尋找一個現代的Web打包工具,Mako是正確的選擇。 二、特點 零配置 從一個JS/TS文件開始,Mako將處理其餘部分。開箱即支持TypeScript、Less、CSS、CSS Modules、React、圖像、字體、WASM

構建工具 , mako , rust , webassembly , 前端

收藏 評論