webpack基礎使用（二）

標籤：預留位置   檔案名稱   使用   hunk   exports   json   bsp   ogre   name   

webpack.config.js檔案的配置：輸入：module.exports={

                                                                   entry:  //入口檔案，可以使string類型  例如：‘./src/script/main.js‘  還可以使用數組的形式 例如：[‘./src/script/main.js‘,‘./src/script/main1.js‘]

 

                                                                   output:{//打包以後的檔案

                                                                         path://__dirname +打包後的檔案放路徑     例如：__dirname +‘/dist‘

                                                                         filename://打包之後的檔案名稱

                                                                   }

                                                    }

 

 

[推薦]webpack.config.js檔案的配置：輸入：module.exports={

                                                                   entry: { //入口檔案

                                                                         page1:‘‘,  //可以使string類型  例如：‘./src/script/main.js‘  還可以使用數組的形式 例如：[‘./src/script/main.js‘,‘./src/script/main1.js‘]

                                                                         page2:‘‘  //同上

                                                                 }

                                                                   output:{//打包以後的檔案

                                                                         path://__dirname +打包後的檔案放路徑     例如：__dirname +‘/dist‘

                                                                         filename:// [name]打包之後的檔案名稱  例如:‘[name].js‘  三個預留位置 1.[name]:由塊的名稱替換(page1,page2)   2.[hash]:替換為編譯的雜湊值   3.[chunkhash]:被塊的雜湊所替換

                                                                   }

                                                    }

 

利用npm給wabpack添加參數：在package.json裡面的 scripts 下配置wabpack  例如："webpack":"webpack --config  webpack.config.js --progress --display-modules --colors --watch"

webpack基礎使用（二）