webpack和Grunt，gulp對比
Webpack的工作方式是：把你的項目當做一個整體，通過一個給定的主文件（如：index.js），Webpack將從這個文件開始找到你的項目的所有依賴文件，使用loaders處理它們，最后打包為一個（或多個）瀏覽器可識別的JavaScript文件。
Grunt和Gulp的工作方式是：在一個配置文件中，指明對某些文件進行類似編譯，組合，壓縮等任務的具體步驟，工具之后可以自動替你完成這些任務。
webpack3和4的對比
- 不需要在配置文件webpack.config.js中指定入口以及出口文件。webpack3的webpack.config.js文件：
const path = require('path')
module.export = {
output: {
path: path.resolve(__dirname, './dist')
},
entry: './src/index.js'
}
在webpack4中不需要指定入口和出口，不指定輸入文件位置的話，則默認為 src/index.js，不指定輸出文件位置，默認為 dist/main.js
webpack下include和exclude的區別
webpack 中所有的 loader 都可以擁有 include和exclude 屬性
exclude：排除不滿足條件的文件夾（這樣可以排除webpack查找不必要的文件），表示哪些目錄中的 .js 文件不要進行 xxxx-loader
include：需要被 loader 處理的文件或文件夾，表示哪些目錄中的 .js 文件需要進行 xxxx-loader
