webpack的相关知识点

webpack和Grunt，gulp对比

Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。

Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。

webpack3和4的对比

1. 不需要在配置文件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