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中transition组件在项目中运用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
这篇文章主要为大家介绍了Vue 的router路由，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要给大家介绍了关于uniapp中app与webview通讯的相关资料,这里的通信主要是打包APP端和web-view内嵌网页的双向通信,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-03-03
本篇文章主要介绍了利用VUE框架，实现列表分页功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
Vue是一套用于构建用户界面的渐进式框架,下面这篇文章主要给大家介绍了关于Vue语法和标签使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
elementplus 中 DatePicker 日期选择器样式修改无效的问题及解决方案
这篇文章主要介绍了elementplus中DatePicker日期选择器样式修改无效的问题,DatePicker日期选择器弹出面板默认挂载在body上,所以在组件中添加了 scoped 属性的 style 标签下是修改不到其样式的,讲解了datepicker的使用方法,及常见的配置项和对应的值,需要的朋友可以参考下2024-01-01
今天小编就为大家分享一篇vuex实现像调用模板方法一样调用Mutations方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
本文主要介绍了Element框架el-tab点击标签页时再渲染问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
这篇文章主要为大家详细介绍了Vue.js实现图片切换功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
vue解决this.$refs.xx在mounted中获取DOM元素为undefined问题
这篇文章主要介绍了vue解决this.$refs.xx在mounted中获取DOM元素为undefined问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
最新评论