webpack的基本使用

2021-09-27 12:05:43 字數 409 閱讀 8747

webpack最基本的使用

1.webpack可以處理js檔案的相互依賴關係

2.webpack可以處理js的相容問題,把高階的、瀏覽器無法解析的語法轉為  低階的、瀏覽器能夠解析的語法

命令格式:

webpack  要打包檔案路徑  -o  輸出的檔案路徑

配置webpack.config.js來簡化打包流程

我們直接使用webpack命令來打包時,webpack做了以下幾步:

1.首先webpack發現,我們沒有通過命令的形式指定入口和出口

2.webpack就會去專案根目錄下,查詢webpack.config.js配置檔案

3.當找到配置檔案以後,webpack解析配置檔案得到匯出的物件

4.webpack拿到配置物件中的入口和出口,然後進行打包構建

webpack基本使用

npm install webpack webpack cli webpack dev server d 複製 當在專案中直接執行webpack時,預設讀取webpack.config.js中的配置,等同於執行 webpack webpack.config.js const path require...

webpack基本使用

執行 npm install webpack webpack cli d 命令,安裝 webpack 相關的包 在專案根目錄建立名為 webpack.config.js 的 webpack 配置檔案 在 webpack 的配置檔案中,初始化如下基本配置 module.exports 在 packag...

webpack基本使用

webpack作為乙個打包工具,通過給定的入口檔案,通過loader等掃瞄手段,將不同的.js,css,scss等各種檔案,壓縮打包成乙個指定位置的出口壓縮js檔案 node modules 為node安裝模組 public 存放一些公共檔案或壓縮後的原始碼 src 存放一些原始碼 package....