设置webpack的打包入口/出口

前言

  在webpack 4.x中，默认会将src/index.js 作为默认的打包入口js文件默认会将dist/main.js 作为默认的打包输出js文件
  如果不想使用默认的入口/出口js文件，我们可以通过改变 webpack.config.js 来设置入口/出口的js文件

---

webpack.config.js配置

代码如下：

const path = require('path')

module.exports = {
  mode: 'development',
  // 设置入口文件路径
  entry: path.join(__dirname, './src/index.html'),
  // 设置出口文件
  output: {
    path: path.join(__dirname, './dist'),
    // 设置文件名
    filename: 'bundle.js'
  }
}