webpack通用配置步骤

/*

• @Descripttion:

• @version:

• @Author: jack

• @Date: 2022-02-16 22:58:49

• @LastEditors: jack

• @LastEditTime: 2022-02-16 23:48:40
  */
  const path = require("path");
  module.exports = {
  // 1.一旦有 webpack.config.js存在，就必须要配置mode 否则报错 可以在package.json中配置
  mode: "none",
  entry: "../tx-web/src/App.js",
  output: {
  path: path.resolve(__dirname, "build"), //放到当前目录下的build目录
  filename: "BE_out.js",
  },
  // 4. 配置loader
  module: {
  // loader中最重要的是rules

  // 正则里 ' jsx? ' === （jsx | js）因为x后跟？说明是可选的
  rules: [
  {
  test: /.(js|jsx)$/, // 如果遇到各类文件名结尾的
  exclude: /node_modules/, //除了指定目录
  // 假设遇到了以后，用什么loader
  use: {
  loader: "babel-loader", //用什么loader
  options: {
  // 这个loader的相关配置选项
  // prestes的作用：提前预设
  presets: ["@babel/preset-react"], // 如果是浏览器端，还需要使用另一个 @babel/presets-env:根据浏览器版本生成不同的js代码
  },
  },
  },
  ],
  },
  };