三、webpack打包出的文件解析

 

 

分析打包後的結果，看看打包後的結果是什麼東西

把打包後的結果。註釋什麼的刪刪‘’

 

當前是一個匿名函數。

默認的時候會執行，執行的時候會傳一個對象，對象有幾部分，第一部分是咱們的key。第二部分是咱們的Value

 

 

 

 

以後就把這個對象傳給了module

 

require默認是不能再瀏覽器中運行的，這裏本身實現了一個方法叫作__webpack_require__參數傳了一個moduleId

這個方法何時被調用的呢？在這裏調用

 

幫咱們把解析的全部模塊變成對象，經過惟一的入口去加載咱們這樣一個東西

 

一次實現遞歸的依賴關係

 

修改配置文件名稱

修更名字爲：webpack.config.my.js

 

這裏手動指定咱們的配置文件

經過 --config執行配置文件的名稱

npx wenpack --config webpack.config.my.js

 

配置腳本執行webpack

命令名字太長了。咱們能夠經過在package.json內配置一些腳原本執行webpack

scripts是一個固定的寫法

build配置上webpack 它會自動的去node_modules下去找webpack命令

而後在後面加上--config 制定咱們的配置文件的名稱

 

這樣咱們執行npm run build就是執行npx webpack --config webpack.config.my.js相同的命令了

npm run +配置的scripts裏面的命令，也就是build

下面這種是個錯誤的寫法

 

 

若是你非要這麼寫的話，就在前面再加上一個 -- 這樣就會認爲後面是一個參數了。

 

把名字改回正常的名稱：webpack.config.js

 

 

{
  "name": "webpack-dev-1",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": { "build":"webpack --config webpack.config.js " }, "devDependencies": {
    "webpack": "^4.29.6",
    "webpack-cli": "^3.3.0"
  }
}