webpack2 webpack的基礎配置

2021-09-23 23:35:45 字數 586 閱讀 5589

1.webpack的安裝

webpack一般是本地安裝,也就是在自己所需要的專案中進行安裝,需要安裝的包有兩個

-webpack webpack-cli -d

-d表示安裝的是依賴,在專案上線的時候不需要載入

:專案初始化的時候,可以直接使用命令:

cnpm init -y
他與之前使用的cnpm init的區別是會預設進行一系列的設定,而不需要自己在一步步的回車,方便了專案的開發。

2.webpack的0配置

webpack是乙個打包工具,打包之後輸出(預設打包js檔案,成乙個)

打包需要乙個打包目錄,比如src檔案。

webpack的打包命令$ webpack

webpack可以進行0配置,但是這個配置就比較弱小。

3.手動配置webpack

預設檔案為webpack.config.js

可以通過乙個html靜態檔案,讓webpack打包後的結果顯示在前端頁面上。

webpack入門高階(2)

webpack dev server是我們在開發階段需要用到的乙個伺服器,它會把 打包到記憶體,我們可以通過http的方式訪問到打包到記憶體的 安裝npm i webpack dev server 3.8.1 d修改package.json的啟動命令 dev webpack dev server e...

webpack打包快取 webpack打包效能分析

webpack提供的uglifyjs外掛程式由於採用單執行緒壓縮,速度很慢 webpack parallel uglify plugin外掛程式可以並行執行uglifyjs外掛程式,這可以有效減少構建時間,當然,該外掛程式應用於生產環境而非開發環境,配置如下 var paralleluglifypl...

webpack開啟專案命令 Webpack的使用

webpack的使用 在專案中安裝和配置webpack 1 執行npm install webpack webpack cli d命令 安裝webpack相關的包 2 在專案的根目錄中,建立webpack.config.js的webpack 配置檔案 3 在webpack 的配置檔案中初始化如下基本...