webpack(2)简单使用webpack.config.js配置文件进行打包

1.接上面（1）中的代码

2.在demo0目录下新建一个webpack.config.js文件，这个文件是webpack打包默认的配置文件，当然你也可以不叫这个名字，但是不是这个名字的话就需要在执行webpack命令的时候显示的告诉它你的配置文件的名字

3.webpack.config.js这个文件也是一个js文件，所以配置文件依然遵循js的语法

4.webpack.config.js文件：

const{resolve}=require('path');//引入nodejs中的path模块，使用它来获取当前目录

module.exports={//这里使用CommonJS的模块输出

    entry:'./src/index.js',//设置项目的入口文件

    output:{

        path:resolve(__dirname,'build'),//设置输出文件的路径，__dirname的值就是这个配置文件所在的路径

        filename:'build.js'//设置输出文件的名称

    },

 module:{//这里一般是配置让webpack如何去打包一些非js的资源，如css/图片文件等

        rules:[]

    },

plugins:[//这里可以配置使用一些外部提供的插件来实现某些更加强大的功能

        

    ],

    mode:'development'//设置打包的模式为开发环境

}

5.然后在demo0目录下执行：npx webpack即可，就生成build/build.js目标文件