webpack配置文件最基本使用

如图：在项目根目录建立webpack.config.js文件

文件内容如下：

const path = require('path')

//这个配置文件，起始就是一个JS文件，通过Node中的模块操作，向外暴露了一个配置对象
module.exports = {
    //手动指定入口和出口
    entry: path.join(__dirname,'/src/main.js'),//入口，表示要用webpack打包哪个文件
    output: {//输出文件相关配置
        path: path.join(__dirname,'/dist'), //指定打包后的文件的输出目录
        filename: 'bundle.js'
    }
}

//当我们在控制台直接输入webpack命令执行的时候，webpack做了以下几步：
//1、首先，webpack发现没有通过命令指定入口和出口
//2、webpack就会去项目的根目录中查找‘webpack.config.js’的配置文件
//3、解析该配置文件，得到导出的配置对象
//4、根据配置的入口和出口，打包构建

即将main.js打包到指定目录