webpack4學習筆記 一）

在js檔案中我們用import引入各種模組的時候，瀏覽器是不會識別的，我們可以用webpack把這些模組打包到一塊再進行執行，直白的說webpack就是模組打包工具

總共有兩種方式

步驟：

const path = require('path');

module.exports = 
}

一般我們會把源**放到src目錄中

在專案根目錄下建立src目錄，把inex.js檔案放到src目錄中，注意別忘記修改webpack.config.js檔案的入口檔案路徑

簡化我們的打包命令，不再使用npm webpack

我們需要修改package.json檔案，在"script"標籤配置項中新增配置命令；

「build」:"webpack"這樣我們在命令列中執行npm run build就可以打包了；

這裡的webpack命令會先到工程下的node模組中找webpack命令，所以不要擔心沒有全域性安裝webpack

使得我們命令列中正常使用webpack命令，如果不安裝的話，我們就沒法在命令列中執行webpack或者npx webpack命令

在執行npm run build成功後命令列輸出的資訊的各個含義

webpack4的學習筆記

scripts watch是每次專案修改的時候自動檢測，不必在打包 npm run build 一次,直接重新整理頁面即可 7 在根目錄下建立webpack.config.js檔案，檔名必須是webpack.config const path require path 處理路徑資訊 const co...

學習webpack4 基礎配置

學習webpack4 基礎配置 學習webpack4 html處理 學習webpack4 樣式處理 學習webpack4 es6語法轉化 學習webpack4 第三方庫的使用 學習webpack4 抽離公共 yarn init y 初始化專案 yarn add webpack webpack cli...

學習webpack4 基礎配置

學習webpack4 基礎配置 學習webpack4 html處理 學習webpack4 樣式處理 學習webpack4 es6語法轉化 學習webpack4 第三方庫的使用 學習webpack4 抽離公共 yarn init y 初始化專案 yarn add webpack webpack cli...