資源打包工具webpack的安裝與使用

1. node.js安裝

(1)訪問nodejs官網(wǎng)進(jìn)行下載,并獲取到可執(zhí)行文件。node.js自帶npm(包管理工具)。

nodejs下載.png

  • LTS:穩(wěn)定版(企業(yè)開發(fā)常選擇穩(wěn)定版)
  • Current:最新版(有新特性但不穩(wěn)定)
    (2)包管理工具
  • npm:執(zhí)行npm命令“npm install packageName”時(shí),其實(shí)是從國外服務(wù)器進(jìn)行下載,可能會(huì)被國內(nèi)的防火墻阻擋導(dǎo)致無法下載對(duì)應(yīng)的第三方包。
  • nrm:執(zhí)行npm命令“npm install nrm”成功后,可使用nrm命令來安裝第三方包。nrm是從國內(nèi)地址進(jìn)行下載。


    切換.png
  • cnpm:可也使用淘寶的cnpm命令來實(shí)現(xiàn)第三方包的下載管理。

2. webpack資源打包工具

2.1 webpack的安裝

執(zhí)行nrm命令“nrm install webpack”命令來完成安裝。

2.2 使用webpack完成資源打包并調(diào)用

關(guān)鍵字require無法被瀏覽器識(shí)別需進(jìn)行打包.png

資源打包.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,458評(píng)論 0 21
  • 提供一個(gè)作者自己基于 webpack 搞好的一個(gè)下載包,可以看看https://github.com/chiche...
    IT小池閱讀 1,107評(píng)論 0 1
  • 1、webpack入門 Webpack 是一個(gè)前端資源的打包工具,它可以將js、image、css等資源當(dāng)成一個(gè)模...
    余生安好178閱讀 1,158評(píng)論 0 2
  • 前言 作為一名剛接觸前端的小白,想要通過文字記錄下自己在前端道路上學(xué)習(xí)到的知識(shí)。一方面幫助自己能夠更好地理解并梳理...
    迦葉凡閱讀 77,512評(píng)論 5 16
  • Vue在Windows系統(tǒng)下本地項(xiàng)目的安裝與部署 轉(zhuǎn)自CSDN的:AI呂小布:https://blog.csdn....
    羅海桂閱讀 7,348評(píng)論 0 0

友情鏈接更多精彩內(nèi)容