vuecli webpack配置,

　　本文主要介绍了如何在vue-cli3.0.4中修改webpack的dist路径，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

webpack的dist路径修改方式

　　修改后的文件在

　　node _ modules \ @ vue \ CLI-service \ lib \ options . js

　　如图所示，baseUrl的最后一个路径名应该与outputDir的名称相同。

　　修改后的路径结果

　　另外，如果assetsDir有一个值，那么JS、CSS、IMG等静态资源都会放入该值对应的文件夹中。

　　填写值

　　编写一般的vue项目，结合vue-cli和webpack使用。

　　肯定会涉及到组件的引用。

　　这篇文章主要教你如何改变文件的路径。

　　首先，在build文件夹下找到文件webpack.base.conf.js。

　　打开这个文件并找到它

　　这部分

　　然后开始修改这部分。

　　如图：经过我的修改

　　这样可以减少文件导入的路径。

　　最后也是最重要的一步是重新安装NPM。

　　路径将生效。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。