Vue學習之Webpack小結(十二)

来源:https://www.cnblogs.com/21-forever/archive/2019/06/30/11109988.html
-Advertisement-
Play Games

一、nrm: nrm是專門用來管理和快速切換私人配置的registry; nrm提供了一些最常用的npm包鏡像地址,能夠讓我們快速的切換安裝包時候的伺服器地址; 二、鏡像: 原來 包 剛一開始是只存在於國外的NPM伺服器,但是由於網路原因,經常訪問不到,這時候,我們可以在國內,創建一個和官網完全一樣 ...


一、nrm:

  nrm是專門用來管理和快速切換私人配置的registry;

  nrm提供了一些最常用的npm包鏡像地址,能夠讓我們快速的切換安裝包時候的伺服器地址;

二、鏡像:

原來   包    剛一開始是只存在於國外的NPM伺服器,但是由於網路原因,經常訪問不到,這時候,我們可以在國內,創建一個和官網完全一樣的NPM伺服器,只不過,數據都是從人家那裡拿過來的,除此之外,使用方式完全一樣;

三、nrm使用:

1、運行:

npm i nrm -g

全局安裝’ nrm ' 包;

2、使用 

nrm ls

查看當前所有可用的鏡像源地址以及當前所使用的鏡像源地址;

3、使用

nrm use npm 

或者

nrm use taobao

切換不同的鏡像源地址。

註意:nrm 只是單純的提供了幾個常用的 下載包的url地址,並能夠讓我們在方便的進行切換,但是,我們裝包的時候,使用的裝包工具,都是 npm;

四、webpack:

1、webpack 是前端的一個項目構建工具,它是基於Node.js 開發出來的一個前端工具;

2、網頁中引用的如JS、css、images、fonts(字體文件)、模板文件(.vue)靜態資源太多會使網頁載入速度過慢(因為我們要發起很多的二次請求),還要處理錯綜複雜的依賴關係;

  為瞭解決這兩個問題,我們需要採用合併、壓縮、精靈圖、圖片的Base64編碼,也可以使用requireJS、也可以使用webpack 解決各個包之間的複雜依賴關係。

 解決方案:

①、使用Gulp,是基於 task 任務的;

②、使用 webpack ,是基於整個項目進行構建的;

  藉助於webpack 整個前端自動化構建工具,可以完美實現資源的合併、打包、壓縮、混淆等諸多功能;https://www.webpackjs.com/

3、安裝的兩種方式:

 ①、運行 

npm i webpack -g

全局安裝 webpack,資源就能在全局使用webpack的命令;

②、在項目根目錄中運行

npm i webpack --save-dev

安裝到項目依賴中

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • [2019.06.30 學習筆記3] 1.自閉合標簽 2.換行 ...
  • [2019.06.30 學習筆記2] 1.<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。 2.<div> 是一個塊級標簽,這意味著它的內容自動地開始一個新行,也就是說,瀏覽器通常會在 div 元素前後放置一個換行符。 ...
  • 環境準備 安裝配置環境 1.下載node.js,使用預設配置安裝 。 2.使用npm命令安裝國內下載鏡像(可選) cmd: npm install -g cnpm --registry=https://registry.npm.taobao.org tips:在命令行輸入 npm -v 或cnpm ...
  • [2019.06.30 學習筆記1] 1.組合文檔中的行內元素,以便通過樣式來格式化它們。 2.行內標簽 ...
  • css控制元素不可見的方法 { display: none; /* 不占據空間,無法點擊 */ } /********************************************************************************/ { visibility: hid ...
  • 3. 使用語義化標簽會具有更好地搜索引擎優化 ...
  • 最近一個項目,多次遇到target='_self', target='_blank'的用法, 再次總結一下: 1.<a>標簽 <a href="xxxx" target="_self">XX</a> <a href="xxxx" target="_blank">XX</a> 2.<form>標簽 < ...
  • 概述 WebSQL 並不是 HTML5規範的一部分,而是一個獨立的規範,它可以用來做一些離線應用 核心API openDatabase() => 用來打開或創建資料庫(沒有時則創建,有則打開) transaction() => 這個方法可以控制一個或多個事務,以及基於這種情況提交或者回滾 execu ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...