webpack区域查询踩坑笔记

webpack5.+版本中，使用函数返回配置，以及使用webpack-dev-server

调用方式	结果环境
webpack --env prod	{ prod: true }
webpack --env prod --env min	{ prod: true, min: true }

只有以上两种调用的方法，所以在package.json中配置

"scripts": {
    "dev": "webpack serve",
    "build": "webpack --env prod"
  },

在webpack.config.js文件中，配置

if(env && env.prod){}

并且webpack-dev-server的命令行改成了webpack serve

使用CleanWebpackPlugin插件时，需要在output中设置(可见插件文档)

output:{
      path: path.resolve(process.cwd(), 'dist'),
  }, 

安装webpack-dev-server一直失败，设置淘宝镜像源

npm config set registry https://registry.npm.taobao.org

解析location参数search，可用query-string包

npm run build打包，第一次成功，后面不允许操作

原因：因为打包时CleanWebpackPlugin插件会删除dist目录下的文件，但是之前运行了，有的文件被其他程序占用，所以无法删除，导致报错

Error: EPERM: operation not permitted, lstat 'D:\

解决：重启vs code即可重新npm run build。开启watch:true,这样更改了配置文件后，就会自动刷新，不必重新打包了。

在多个html文件中跳转页面

设置a标签的href属性跳转页面，将参数放在url的“？”后面，使用location获取信息

<a href="detail.html?name1=value1&name2=value2"></a>

url中的中文会转码，使用decodeURI解码成中文，使用encodeURI转码