vue-cli3.0.4中webpack的dist路径如何修改
更新时间：2022年04月06日 09:04:07 作者：大猫会长
这篇文章主要介绍了vue-cli3.0.4中webpack的dist路径如何修改，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
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脚手架创建的相关资料,Vue脚手架是vue官方提供的标准化开发工具(平台),文中通过代码以及图文介绍的非常详细,需要的朋友可以参考下2024-01-01
随着Web技术的不断发展,前端开发也正日新月异,下面这篇文章主要给大家介绍了关于前端vue中实现嵌入代码编辑器的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了Vuex结合storage实现用户信息本地存储方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
当我们使用 Vue.js 和 Vuex 进行状态管理时,一个常见的问题是页面刷新会导致 Vuex store 中的数据丢失,本文将详细介绍解决 Vuex Store 数据在页面刷新后丢失的方法,感兴趣的朋友一起看看吧2024-08-08
vue3中el-table实现多表头并表格合并行或列代码示例
这篇文章主要给大家介绍了关于vue3中el-table实现多表头并表格合并行或列的相关资料,文中通过代码介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下2024-02-02
这篇文章主要为大家介绍了前端使用elementUI select选择器实现远程搜索，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-05-05
这篇文章主要介绍了vue 输入电话号码自动按3-4-4分割功能的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
这篇文章主要给大家介绍了关于vue3.0公共组件自动导入的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
这篇文章主要介绍了通过vue如何设置header,每个项目都有头部但是内容不一样;这种情况我们可以考虑在app.vue中创建公共头部，那么怎么配置公共头部header，下面小编通过实例代码详细讲解，需要的朋友可以参考下2023-02-02
本文主要介绍了ElementPlus Table表格实现可编辑单元格,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-12-12
最新评论