【webpack5】webpack5使用与问题

报错：浏览器不能编译ES6语法

解决办法一：script标签加上type='module’且在本地服务器打开html文件

<script type="module" src="../src/main.js"></script>

这种方式只能在本地浏览器打开，否则会引起跨域问题

解决办法二：使用webpack打包工具对其编译，使其成为浏览器可识别的代码
初始化包描述文件 npm init -y

{
  "name": "webpack_code",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

name不能叫webpack
main改为入口文件名

下载依赖：npm i wepack webpack-cli
npx会将node_modules中的.bin目录临时添加到环境变量

npx webpack ./src/main.js --mode=development
这里本人出现两个问题：1.路径；2.是=不是-

打包成功

再运行——成功√

开发模式下能编译ES6语法，不会报错。