webpack4打包vue4.x项目，资源路径问题

刚开始搞vue的项目，只是需要用elementui。

重点，打包项目后，生成dist后，发现直接访问页面，所有资源文件（js,css）都直接指向根目录,并不指向dist目录下。

查了相关资料，都是早期的项目，找根目录下的一些配置文件，或者build目录里的配置，但4.x的项目，根本没这些文件，可能是我生成不对，反正没找到，就找了一圈资料，也没相关的。

目录下有package.json，找到如下配置

"devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
     "@vue/cli-plugin-eslint": "^4.1.0",
     "@vue/cli-service": "^4.1.0",
     "babel-eslint": "^10.0.3",
     "babel-plugin-component": "^1.1.1",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "vue-cli-plugin-element": "^1.0.1",
     "vue-template-compiler": "^2.6.10"
},

@vue/cli-service 找到根目录node_modules@vue\cli-service\lib\options.js，找到如下代码：

exports.defaults=()=>({

// project deployment base

publicPath:'/',

//publicPath:'../../',



// where to output built files

outputDir:'dist',



// where to put static assets (js/css/img/font/...)

assetsDir:'/',



// filename for index.html (relative tooutputDir)  indexPath:'index.html',

assetsDir就是输出资源目录，那就把assetsDir值改为如下

assetsDir:'../../',

修改完成后，重新运行

npmrun build

这样就可以了。
这里记录下，但不确定修改这里是不是最终方案。