webpack的基本配置

2019年9月4日
webpack的基本配置

当我们在控制台直接输入webpack执行命令的时候,webpack做了以下几步

1.首先，webpack发现，我们并没有通过命令的形式，给他指定入口和出口

2.webpack就会去项目的根路径中，查找一个叫做'webpack.config.js'的配置文件

3.当找到配置文件后，webpack会去解析执行这个配置文件，当解析完成配置文件后，就得到了配置文件中导出的配置对象

4.当webpack拿到配置对象后，就拿到了配置对象中，指定的入口  和出口，然后进行打包构建

1.首先在根路径中创建webpack.config.js这个文件

基本配置信息

module.exports={
    entry: Path2D.join(__dirname,'./src/man.js'),//入口，表示webpack要打包的文件
    output:{    //输出文件相关的配置
        path:path.join(__dirname,'./dist'),    //指定 打包好的文件，输出到哪个目录中区
        filename:'bundle.js'    //这是指定输出的文件的名称
    }
}

2.运行 npm init -y 命令安装packge.json这个文件

完成配置之后在终端运行webpack打包 就可以完成打包