国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

npx 和 npm 區(qū)別

這篇具有很好參考價值的文章主要介紹了npx 和 npm 區(qū)別。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

背景

  • 解決 npm 之前的執(zhí)行包中的命令行需要先下載的問題,如果有多個不同版本的包就需要下載多次
  • 比如已經(jīng)裝了全局的 webpack 1.x 版本并且還要繼續(xù)使用,還需要裝個 webpack 4.x 使用的其相應(yīng)功能,這個時候可以不裝在全局,用 npx webpack 代替 webpack 命令,互不干擾。

作用

  • 避免下載多個庫造成的體積浪費、污染等問題
  • 可以指定運行多個版本互不干擾
  • 可以方便臨時切換某個 node 版本執(zhí)行
npx node@14 -v
# v14.18.0

npx -p node@14 node -v 
# v14.18.0

執(zhí)行流程

  • npx create-react-app my-app
    • npx 和 npm exec 類似,傳遞的參數(shù)格式有區(qū)別
  • $PATH 里有沒有,如果沒有,查找當(dāng)前目錄的 node_modules 里有沒有,如果還是沒有,就安裝這個庫來執(zhí)行
  • npx 會在執(zhí)行完命令后刪除下載的包

文章來源地址http://www.zghlxwxcb.cn/news/detail-745774.html

到了這里,關(guān)于npx 和 npm 區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 【前端工程化面試題目】webpack 的熱更新原理

    【前端工程化面試題目】webpack 的熱更新原理

    可以在順便學(xué)習(xí)一下 vite 的熱更新原理,請參考這篇文章。 首先有幾個知識點需要明確 熱更新是針對開發(fā)過程中的開發(fā)服務(wù)器的,也就是 webpack-dev-server webpack 的熱更新不需要額外的插件,但是需要在配置文件中 devServer 屬性中配置 hot: true,需要安裝?webpack-dev-server 這個

    2024年02月19日
    瀏覽(95)
  • 【前端工程化】深入淺出vite(一)--vite的優(yōu)點及原理、性能優(yōu)化

    【前端工程化】深入淺出vite(一)--vite的優(yōu)點及原理、性能優(yōu)化

    Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依賴更高的 Node 版本才能正常運行,當(dāng)你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。 webpack 支持多種模塊化,將不同模塊的依賴關(guān)系構(gòu)建成依賴圖來進(jìn)行統(tǒng)一處理,當(dāng)構(gòu)建的項目越來越大時,需要處理的 JS 代碼也越

    2024年02月11日
    瀏覽(20)
  • 17-工程化開發(fā) & 腳手架 Vue CLI

    17-工程化開發(fā) & 腳手架 Vue CLI

    1.核心包傳統(tǒng)開發(fā)模式: 基于 html/css /js 文件,直接引入核心包,開發(fā) Vue。 2. 工程化開發(fā)模式: 基于構(gòu)建工具 (例如: webpack)的環(huán)境中開發(fā) Vue。 ? ?問題: ? ? ? ? 1. webpack 配置不簡單 ? ? ? ? 2. 雷同的基礎(chǔ)配置 ? ? ? ? 3. 缺乏統(tǒng)一標(biāo)準(zhǔn) 需要一個工具,生成標(biāo)準(zhǔn)化的配置 基本介

    2024年02月11日
    瀏覽(96)
  • 【前端工程化面試題】webpack proxy的工作原理,為什么能解決跨域問題

    【前端工程化面試題】webpack proxy的工作原理,為什么能解決跨域問題

    在 webpack 的配置文件 webpack.config.js 中有一個配置項 devServer 里面有一個屬性是 proxy,這里面可以配置代理服務(wù)器,解決跨域問題,請參考官網(wǎng)。 一般來說 webpack 的代理就是說的開發(fā)服務(wù)器 webpack-dev-server。 其實不光是 webpack 其他的打包工具比如是 vite,也有代理的功能,也是

    2024年02月21日
    瀏覽(95)
  • 前端工程化詳解——理解與實踐前端工程化

    前端工程化詳解——理解與實踐前端工程化

    前言: 前端工程化一直是一個老生常談的問題,不管是面試還是我們在公司做基建都會經(jīng)常提到前端工程化,那么為什么經(jīng)常會說到前端工程化,并沒有聽過后端工程化、Java工程化或者Python工程化呢?我們理解的前端工程化是不是一直都是Webpack的性能調(diào)優(yōu),或者是一個cli工

    2024年02月02日
    瀏覽(102)
  • 前端工程化

    前端工程化

    手把手帶你走進(jìn)Babel的編譯世界 - 掘金 (juejin.cn) 我們所寫的代碼轉(zhuǎn)換為機(jī)器能識別的一種 樹形結(jié)構(gòu), 本身是由一堆節(jié)點(Node)組成,每個節(jié)點都表示源代碼中的一種結(jié)構(gòu)。 不同結(jié)構(gòu)用類型(Type)來區(qū)分,常見的節(jié)點類型有Identifier(標(biāo)識符),Expression(表達(dá)式),VariableDeclarat

    2023年04月11日
    瀏覽(100)
  • 前端工程化-VUE

    前端工程化-VUE

    高效的開發(fā)離不開基礎(chǔ)工程的搭建。本章主要介紹如何使用Vue進(jìn)行實際SPA項目的開發(fā),這里使用的是目前熱門的JavaScript應(yīng)用程序模塊打包工具Webpack,進(jìn)行模塊化開發(fā)、代碼編譯和打包。 Vue腳手架指的是Vue-cli,它是一個專門為單頁面應(yīng)用快速搭建繁雜程序的腳手架,它可以輕

    2024年02月08日
    瀏覽(98)
  • 什么是前端工程化?

    前端工程化是一種思想,而不是某種技術(shù)。主要目的是為了提高效率和降低成本,也就是說在開發(fā)的過程中可以提高開發(fā)效率,減少不必要的重復(fù)性工作等。 tip 現(xiàn)實生活舉例 建房子誰不會呢?請幾個工人一上來就開始弄,在建筑的過程中缺了材料就叫個工人去買,發(fā)現(xiàn)工期

    2024年02月15日
    瀏覽(97)
  • 前端工程化相關(guān)

    前端工程化相關(guān)

    知道軟件包名,拿到源碼或者路徑的方法 在瀏覽器輸入以下內(nèi)容,就可以找到你想要的。。。 unpkg.com/輸入包名 ESM特性清單: 自動采取嚴(yán)格模式,忽略“use?strict” 每個ESM模塊都是單獨的私有作用域; ESM是通過CORS去請求外部JS模塊的 ESM的script標(biāo)簽會延遲執(zhí)行腳本,就要有

    2024年01月17日
    瀏覽(307)
  • Ajax及前端工程化

    Ajax及前端工程化

    Ajax:異步的js與xml。 作用: 1、通過ajax給服務(wù)器發(fā)送數(shù)據(jù),并獲得其響應(yīng)的數(shù)據(jù)。 2、可以在不更新整個網(wǎng)頁的情況下,與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的技術(shù)。 ?1、準(zhǔn)備數(shù)據(jù)地址 ?2、創(chuàng)建XMLHttpRequest對象,用于和服務(wù)器交換數(shù)據(jù) ?3、向服務(wù)器發(fā)送請求 ?4、獲取服務(wù)器響

    2024年02月12日
    瀏覽(35)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包