1. 程式人生 > >webpack基礎使用(二)

webpack基礎使用(二)

-- pts nbsp port pat string類 abp dirname pac

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基礎使用(二)