二、webpack 自定义入口、出口文件

const path = require('path') 
module.exports={
    mode:"development",
    entry:path.join(__dirname,'./src/index.js'),//打包入口
    output:{
        path:path.join(__dirname,'./dist'),//输出文件存放的路径
        filename:'bundle.js',//输出的文件名称   （首页引入此文件！！！）
    }
}

注：

1. 出口文件的名称改过之后，一定要确保index.html中引入的正确 ../dist/bundle.js（如果使用了热更新，路径为/bundle.js）原理在下一篇
2. • 开发环境：打包速度快、体积大、未进行性能优化
   • 生产环境：打包速度慢、体积小、性能优化

三、webpack相关插件