webpack配置看這裏就夠了
webpack簡述 webpack簡單來説就是一個模塊打包器，也是目前最流行的前端構建工具之一，他將整個項目根據依賴關係通過各種loader與plugin的處理後進行打包；可以實現對代碼的各種處理，比如less、sass、stylus的解析，ecmascript版本的轉換、代碼的壓縮分割等等 webpack之loader loader可以説是webpack最核心的部分，前面所説的各種功能大部分就是
昵稱 jm365
@模塊化開發
貢獻者17
粉絲0
貢獻者
@模塊化開發
動態 列表
JavaScript模塊化開發
1：發展歷史 早期的Javascript是作為瀏覽器的腳本語言，使用script標籤直接引入，沒有所謂的模塊化。也就是説如果我們需要一個js文件，我們就加一個script標籤，把需要的js引入進來。這種方式的特點在於：簡單粗暴。 但是當項目越來越大，依賴越來越多時可能就會出現問題，比如邏輯越來越混亂，頁面也越複雜，然後可維護性就變差了，除此之外還存在全局變量暴露、文件的引入順序的問題。比如説一個文
昵稱 知否
webpack
一、webpack是什麼？ webpack是一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。 webpack 的核心是 依賴分析,把依賴分析出來了，其他都是細枝末節了 它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發佈的靜態資源做相應的準備，比如資源的合併和打包。 二、為什麼使用web
昵稱 草原的原
Node中url模塊的使用
URL模塊是NodeJS的核心模塊之一，用於解析url字符串和url對象 url.parse(url_str[,boolean]) url.parse(url_str[,boolean])用於將url字符串轉為對象格式。該方法有兩個參數，第一個參數為url字符串，第二個為布爾值，可以不寫，表示是否也將query轉為對象 url.parse(url_str) //注意 以下代碼只能在node中運行
昵稱 月半小夜曲
前端模塊化開發之ES Module
瞭解過Web前端開發的小夥伴應該知道，歷史上，JavaScript一直沒有自己模塊體系（module），無法將一個大程序拆分成互相依賴的小文件，再用簡單的方法拼裝起來。其他語言如java、python等都具備這項功能，唯獨Javascript沒有，在ES6之前，要想在前端做模塊化開發，必須依賴第三方框架來實現，如：requireJS與seaJS，requireJS支持的是AMD規範，seaJS支持
昵稱 老謝
替代 webpack？一文帶你瞭解 snowpack 原理，你還學得動麼
近期，隨着 vue3 的各種曝光，vite 的熱度上升，與 vite 類似的 snowpack 的關注度也逐漸增加了。目前（2020.06.18）snowpack 在 Github 上已經有了將近 1w stars。 snowpack 的代碼很輕量，本文會從實現原理的角度介紹 snowpack 的特點。同時，帶大家一起看看，作為一個以原生 JavaScript 模塊化為核心的年輕的構建工具，它是如
昵稱 alienzhou
JavaScript模塊化標準
為什麼模塊化(Why) 如果你將項目拆分成小的單獨文件中，這樣開發軟件通常會很簡單，因為這通常會消除無法預知的相互影響(remove unexpected interaction)，以及顯著降低了所要解決的問題的複雜度(complexity of the problem)，並且可以在項目最初時，就簡潔地編寫小的項目（不一定是標準答案）。不幸的是，JavaScript 以往並沒有將此功能作為語言的核
昵稱 JohnsonGH
使用vuex4.0完成兩個組件數據的雙向綁定（實現modules模塊化）
問題場景：在優化項目的交互體驗時，想實現在左側表單輸入數據，右側篩選條件組件同步顯示輸入的功能，第一時間想到使用vuex 由於vuex升級到了4.0，語法發生了較大的變化，首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意，考慮到後期管理項目能更加便利，使用modules勢在必行 在store目錄下新建modules文件夾，之後的module文件都放在這個文件夾
昵稱 trueYann
前端構建這十年
寫在前面 前端模塊化/構建工具從最開始的基於瀏覽器運行時加載的 RequireJs/Sea.js 到將所有資源組裝依賴打包 webpack/rollup/parcel的bundle類模塊化構建工具，再到現在的bundleless基於瀏覽器原生 ES 模塊的 snowpack/vite，前端的模塊化/構建工具發展到現在已經快 10 年了。 本文主要回顧 10 年間，前端模塊化/構建工具的發展歷程及
昵稱 李十三
Android模塊化開發實踐
一、前言 隨着業務的快速發展，現在的互聯網App越來越大，為了提高團隊開發效率，模塊化開發已經成為主流的開發模式。正好最近完成了vivo官網App業務模塊化改造的工作，所以本文就對模塊化開發模式進行一次全面的介紹，並總結模塊化改造經驗，幫助兄弟項目避坑。 二、什麼是模塊化開發 首先我們搞清兩個概念，Android客户端開發目前有兩種模式：單工程開發模式和模塊化開發模式。 單工程開發模式：早期業
昵稱 vivo互聯網技術
如何“拼”出一個頁面-遊戲中心模塊化實踐
一、背景 vivo遊戲中心是一款垂類的應用商店，為用户提供了多元化遊戲的下載渠道。隨着遊戲中心手遊品類的豐富，各品類用户的量級也不斷增加，不同遊戲偏好的用户核心關注點也不同，從預約、測試、首發、更新到維護，不同遊戲生命週期節點的運營需要突出的重點不同。 針對上述不同業務場景，運營人員為了服務好廣大的vivo遊戲用户，需要進行精細化運營，以不同的視覺樣式呈現給不同用户。比如，針對獨立遊戲品類的用户，
昵稱 vivo互聯網技術
光模塊和光電轉化器的區別
近年來，光電轉換器廣泛應用於數據中心機房，主要與交換機、網卡等產品配套使用。對於通信行業的專業人士來説，光電轉換器並不陌生，但由於有些用户對光電轉換器並不是很瞭解，本文將詳細介紹光電模塊的定義和用法，並帶領大家重新認識光電轉換器。 一、光電轉化器是什麼？是光模塊嗎？ 其實這兩個名字都不是真正的職業名字，但都是各自的習慣用語。你可以認為這兩樣東西功能相同，但光模塊可能更側重於集成產品，即光探測器和後
昵稱 極速佳02
Vuejs大型項目實踐-面向服務設計與業務模塊化
前端架構概覽 思考：我們有什麼，我們缺什麼？ 前端架構分為很多部分，在每個不同的項目裏都會有各自的特點。所以，當我們想優化一個大型項目的時候，可以從一個概覽圖來入手分析，比如下圖： 從我自己的項目特點來分析，我們的基礎設施比較完備，一些公共的基礎服務都可以嘗試接入，唯獨業務代碼異常混亂。 原因：由於業務迭代頻繁，接手的人多，導致組件規範不好、公共方法沒有抽離。而且各個業務之間代碼耦合性很強，看似
昵稱 為君持酒勸斜陽
如何優雅地編寫一個高逼格的JS插件？
在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的
昵稱 茶無味的一天
JDK 新特性學習筆記之模塊系統
有兩條小魚快樂地遊着，碰到一條老魚從對面游過來。老魚向他們點頭問好：「早上好啊小夥子們，今天的水怎麼樣？」兩條小魚接着遊了一會兒，突然停了下來，一臉懵逼地看着對方：水是個什麼東西？ 習以為常的就是水 模塊系統是JDK 9的特性，後面的JavaFX學習筆記都會基於JDK 11，甚至更高版本。同時這個特性也是我比較感興趣的，進一步強化了Java的封裝能力。 回顧Java的特性 我想起剛畢業找
昵稱 北冥有隻魚
塗鴉智能落地 Koupleless 合併部署，實現雲服務降本增效
文｜八幡、朵拉 杭州塗鴉智能技術專家\ 主要研究微服務與可觀測、消息引擎、任務調度、數據層中間件等領域。 本文5389字 閲讀15分鐘 當前塗鴉通過 Koupleless 的靜態合併部署能力，很好地解決了資源浪費問題。為了進一步提升研發效率，塗鴉與 Koupleless 正在開發動態合併部署能力，為公有云大規模合併部署打下基礎，也為未來更長遠的 Serverless 能力提供基座。 p a
昵稱 SOFAStack
Koupleless 助力螞蟻搜推平台 Serverless 化演進
文｜陳鏗彬（花名：阿歹） 螞蟻搜推技術專家 本文5211字 閲讀10分鐘 背景介紹 螞蟻推薦平台 Arec（Ant Recommender Platform, 後續簡稱 Arec）是針對螞蟻搜索、推薦、營銷以及投放等業務特點建設的在線算法 FaaS 平台。它是由支付寶通用推薦平台 RecNeptune（中文稱: 海王星）演進發展而來，目前在螞蟻內部服務了支付寶、數金、網商、國際等多個
昵稱 SOFAStack
jar包的精細化運營，Java模塊化簡介 | 京東雲技術團隊
圖：模塊化手機概念 一、什麼是Java模塊化 Java模塊化（module）是Java9及以後版本引入的新特性。 官方對模塊的定義為：一個被命名的，代碼和數據的自描述集合。（ the module, which is a named, self-describing collection of code and data）。 早在Java7的時候就被提出，但由於其複雜性，不斷跳票，直到Ja
昵稱 京東雲開發者
手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫
1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模
昵稱 heath_learning