webpack基本配置

// 这个配置文件就是一个JS文件，通过node中的模块操作，向外暴露了一个配置对象
const path = require('path')
module.exports = {

    // 在配置文件中，需要手动指定入口和出口
     //入口，表示要使用webpack打包哪个文件
    entry: path.join(__dirname, './src/main.js'), 
    output: {
        //指定 打包好的文件输出到哪个目录
        path: path.join(__dirname, './dist'),  
        //指定输出的文件名
        filename: 'bunble2.js'  
    }

}

webpack 命令执行

1. webpack 发现，我们并没有痛感命令的形式，给定指定的入口和出口
2. webpack 去根目录寻找‘webpack.config.js’的配置文件
3. 解析配置文件，导出配置对象
4. 当webpack拿到配置对象后，就拿到了配置对象中指定的入口和出口，然后进行打包构建