webpack的基本使用 二

2021-08-04 20:20:02 字數 585 閱讀 2388

-webpack.config.js檔案的使用

新建工程目錄如下

main.js如下:

function hello()

webpack.config.js如下:

module.exports=

}

執行命令:webpack 當直接執行webpack命令時,webpack會執行webpack.config.js

-改變webpack.config.js名稱

當改變webpack.config.js後,直接執行webpack無效。

假設更改後的名稱為webpack.dev.config.js,則在命令列中需要:

webpack –config webpack.dev.config.js(檔名)進行打包

-webpac在命令列中新增引數

配合npm使用

webpack的基本使用

webpack最基本的使用 1.webpack可以處理js檔案的相互依賴關係 2.webpack可以處理js的相容問題,把高階的 瀏覽器無法解析的語法轉為 低階的 瀏覽器能夠解析的語法 命令格式 webpack 要打包檔案路徑 o 輸出的檔案路徑 配置webpack.config.js來簡化打包流程...

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...