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

相关文章

一准备工作umi为react的一个封装比较nice的脚手架。优点当然...
webpack在引入两个依赖的包时,可能需要使用shimming,意思是...
  Happypack (plugin)多线程使用loader编译文件treeshaki...
一目录结构├──build//构建相关├──config//配置相关├─...
接着第一节的demo现在我们尝试整合一些其他资源,比如图像,...
webpack的打包原理识别入口文件通过逐层识别模块依赖(Common...