學習筆記：webpack深刻與實踐（一）

一.webpack基本介紹

　　webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。

　　四個核心概念：

　　入口（entry）：指示 webpack 應該使用哪一個模塊，來做爲構建其內部依賴圖的開始。

　　出口（output）：告訴 webpack 在哪裏輸出它所建立的 bundles，以及如何命名這些文件。

　　loader：loader 讓 webpack 可以去處理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 能夠將全部類型的文件轉換爲 webpack 可以處理的有效模塊，而後你就能夠利用 webpack 的打包能力，對它們進行處理。

　　插件（plugins）：插件的範圍包括，從打包優化、壓縮，一直到從新定義環境中的變量。想要使用一個插件，你只須要 require() 它，而後把它添加到 plugins 數組中。

　　webpack.config.js

2、webpack安裝和命令行

　　首先能夠本身新建一個文件夾 mkdir webpack_dev

　　

　　其次進入本身建立的這個文件夾 cd webpack_dev

　　

　　而後 npm init 進行初始化，並等待完成

　　

　　隨後一路回車或者根據本身須要配置項目名稱等信息便可。

　　

　　隨後 npm install webpack -g 對webpack進行全局安裝

　　

　　安裝完成。