vue css相对路径导入问题怎么解决


本篇内容介绍了“vuecss相对路径导入问题怎么解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理免费云主机域名这些情况吧!希望大家仔细阅读,能够学有所成!利用官方的组件解决css 以及其他静态资源的路径问题关键的地方在:第一行用的是绝对路径,第二行用的是相对路径。这样写造成的错误:Module build failed: Error: Failed to find ‘~@/assets/css/login.css’经过多次尝试,以及搜索了很久。有说法是style内部不支持~@这种方式的路径指向。接下来介绍我已经实现的方案:首先选用Less(http://lesscss.cn/) +postcss (https://www.postcss.com.cn/)。接下来是具体做法,直接上当前配置。先安装以下指令:然后打开工程的/build/ 新建文件 postcss.config.js修改webpack.base.conf.js 的配置,增加:修改完之后,重启webpack服务。这里我是用Mac 的终端,在webpack服务窗口使用command + C 就是结束当前运行的服务,再使用npm run dev 重启就可以。在.vue 文件内的最后使用这里要注意加上 ~ , 不然依然无法识别路径。这里暂时还没找到原因,看别人的是可以直接使用。网上教程很多,但是很难找到比较完整的东西,对于自学的娃是伤不起,也没有能一直免费为你解答问题的人。还是自己慢慢摸索,相信大家都能有所成长。“vuecss相对路径导入问题怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: CSS伪类的概念是什么

本篇内容介绍了“CSS伪类的概念是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/11 07:37
下一篇 03/11 07:37

相关推荐