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 的配置檔案中初始化如下基本...