关于vue中webpack配置创建vue.config.js文件（作用是打包编译代码找到相应的资源）上述就可以找到对应

创建vue.config.js文件（作用是打包编译代码找到相应的资源）在vue中配置webpack有2种形式：configureWebpack对象形式，chainWebpack函数形式

const path = require("path");

module.exports = {
  outputDir: 'shopApi', //build打包之后的文件夹名称
  config.plugin('html').tap(res => {
      res[0].title = '五库及能效诊断平台' //网页的title
      return res
    })
    
  devServer: {
    port: 1118, //客户端端口号配置
    open: true, //自动打开浏览器
    proxy: {  //代理 跨域
      '/energy-efficiency-server/': {
        target: 'http://192.168.2.176/'
        changeOrigin: true
      },
    }
  },
  chainWebpack: (config) => {
    //config就是webpack大对象
    config.resolve.alias
      .set("@/", path.resolve(__dirname, "src/")) //后面参数要绝对路径
      .set("~/", path.resolve(__dirname));
  },
  
};

上述就可以找到对应路径 @/ 就是可以找到src/下的文件，但是这样写vscode不会提示，需要在配置下

2，创建jsconfig.json文件（作用是让编辑器有提示而已，仅仅是vscode编辑器有提示，其他的没有用，就不需要创建这个）

{
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["./src/*"],
        "~/*": ["./*"]
      }
    }
  }

注意：@/*就是src/*下面的文件，星号要写哦