【Webpack】webpack5基本配置

5大核心概念

1、entry（入口）

指示webpack从哪个文件开始打包

2、output（输出）

指示webpack打包完的文件输出到哪里去，如何命名

3、loader（加载器）

webpack本身只能处理js、json等资源，其他资源需要借助loader、webpack才能解析

4、plugins（插件）

扩展webpack的功能

5、mode（模式）

开发模式：development

生产模式：production

准备Webpack配置文件

在项目根目录中新建webpack.config.js

const path=require("path")  //nodejs核心模块

module.exports={

   //入口
   entry:"./src/main.js",  //相对路径
   //输出
   output:{
      //文件的输出路径
      //__dirname  nodejs的变量，代表当前文件的文件夹目录
      path:"path.resolve(__dirname,"dist")",  //绝对路径
      //文件名
      fil