webpack

1.什么是webpack

Webpack 是一個前端資源的打包工具，它可以將js、image、css等資源當成一個模塊進行打包。

2.安裝webpack

webpack需要node.js環境, 所以先安裝node.js,node.js通過npm管理js庫,所以又要安裝npm

node.js是javascript的運行環境,實質是對谷歌v8引擎進行了封裝,它是運行在服務端的框架

1.node.js的安裝非常簡單,去官網下一個版本,然后一直next就可以了
2.命令窗口輸入:node -v 驗證是否安裝成功

3.安裝npm

3.1npm全稱Node Package Manager,他是node包管理和分發的工具，使用NPM可以對應用的依賴進行管理，NPM
的功能和服務端項目構建工具maven差不多，我們通過npm 可以很方便地下載js庫，打包js文件。
node.js已經集成了npm工具，在命令提示符輸入 npm -v 可查看當前npm版本
在這里插入圖片描述
3.2設置包路徑
包路徑就是npm從遠程下載的js包所存放的路徑。
使用 npm config ls 查詢NPM管理包路徑（NPM下載的依賴包所存放的路徑）

修改包路徑,先在C:\Program Files\nodejs\目錄下創建npm_modules和
npm_cache文件夾，然后執行下邊的命令：

npm config set prefix "C:\Program Files\nodejs\npm_modules"
npm config set cache "c:\Program Files\nodejs\npm_cache"

此時再使用 npm config ls 查詢NPM管理包路徑發現路徑已更改
在這里插入圖片描述
3.3非連網環境安裝cnpm

npm默認會去國外的鏡像去下載js包，在開發中通常我們使用國內鏡像，這里我們使用淘寶鏡像
下邊我們來安裝cnpm：

將資料中的 npm_modules.zip到node.js安裝目錄，并解壓npm_modules.zip覆蓋本目錄下的
npm_modules文件夾。

通過cnpm -v驗證是否安裝成功

在這里插入圖片描述
3.4改變鏡像指向

nrm ls 命令查看當前鏡像的指向,通過nrm use taobao改變指向,再通過nrm ls命令查看是否修改成功

在這里插入圖片描述

本文鏈接：https://blog.csdn.net/java_zhulinghai/article/details/90721704

智能推薦

webpack

1.初識webpack Webpack簡介 webpack是什么 webpack能干什么 2.五個核心概念入口（entry）出口（output）配置（module）插件（plugins）模式（mode） 3.webpack 初體驗初始化配置初始化package.json 下載并安裝 webpack 輸入指令編譯打包應用 1. 創建webpack.config.js文件 2. 運行指...

webpack

webpack 1、entry:入口文件，三種引入入口文件的方式 entry：path.resolve(_dirname, './src/index.js')，//單個入口文件，這種寫法相當于下面第二種寫法 entry:{main:'./src/index.js'}, entry:['./src/index.js'，'./src/hello.js'], //可以多個入口文件，可以分離app或者作為...

webpack

環境參數： Nodejs 10版本以上 webpack 4.26版本以上第 1 章：webpack 簡介 1.1 webpack 是什么 webpack 是一種前端資源構建工具，一個靜態模塊打包器(module bundler)。在 webpack 看來, 前端的所有資源文件(js/json/css/img/less/...)都會作為模塊處理。它將根據模塊...

webpack

1.webpack是什么？官方網站:https://webpack.js.org/ 中文網站:https://www.webpackjs.com/ 本質上，webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關系圖(dependency graph)，其中包含應用程序需要的每個模塊，...

webpack

學習了一篇關于webpack的博客：入門webpack，希望可以和其他小伙伴一起學習為什么要使用webpack? 在我們開發過程中，為了實現網頁豐富的功能，復雜的JS代碼和一大堆的依賴包隨之而來，wield簡化開發的難度，前端社區涌現了很多好的方法比如： 1.模塊化，讓我們可以把復雜的程序細分為小的文件 2.在js語言基礎上拓展的開發語言TypeScript，使我們能夠實現目前版本的JavaSc...

webpack

1.什么是webpack

2.安裝webpack

3.安裝npm

智能推薦

猜你喜歡