这篇文章主要介绍了vue-cli3.0.4中webpack的dist路径如何修改，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
- webpack的dist路径修改方式
- webpack配置路径问题
webpack的dist路径修改方式
修改的文件在
node_modules\@vue\cli-service\lib\options.js
如图，baseUrl最后一个路径名字要和outputDir的名字相同
修改后的路径结果
另外assetsDir如果有值，那么会把js,css,img之类的静态资源放到该值对应的文件夹里去
填了值
webpack配置路径问题
一般写vue项目，结合vue-cli，webpack使用。
必定会涉及到组件的引用问题
这篇文章主要是教你怎样改文件的路径
首先找到build文件夹下面的webpack.base.conf.js这个文件。
打开这个文件找到
这个部分
然后开始修改这个部分
如图：我修改之后的
这样可以缩减文件导入的路径
最后一步，也是最重要的一步，一定要重新进行npm install。
路径才会生效
以上为个人经验，希望能给大家一个参考，也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- vue 打包后找不到dist文件夹的解决方案
- 使用vue-cli3打包dist路径问题修改打包配置
- vue项目中使用rimraf dev启动时删除dist目录方式
- 详解Vue项目的打包方式(生成dist文件)
- 如何本地运行vue dist文件
