【學習筆記--前端--webpack】webpack四個核心概念

webpack：

簡述webpack的四個核心概念，對webpack有個大概的瞭解。

 

1. webpack是一個js應用程序的靜態模塊打包器(module bundler)。

    它通過遞歸地構建一個依賴關係圖(dependency graph)，將應用程序所需要的所有模塊打包成一個或多個bundle。

 

 

2. webpack相關的四個核心概念：entry、output、loader、plugins。

@1.entry(入口):  即指定webpack構建其dependency graph的起始模塊。

       通過在webpack配置中配置entry，指定一個或多個入口點，默認值是 './src'。

 

@2.output(輸出): 即指定webpack構建(編譯)後生成的bundles的輸出位置。默認值爲 './dist'。

 

@3.loader:  webpack loader可以將非JavaScript類型的文件(eg: *.css)預處理爲webpack能夠處理的有效模塊，webpack本身只理解JavaScript，通過webpack loader進行語言擴展，進而利用webpack的打包能力，對它們進行打包。

 

@4.plugins: 將一些公共的功能封裝成插件，即插即用，其目的在於解決loader無法實現的其它事。