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目标文件