Vue导入css-动态Url

一段时间以来，我们一直在使用Vue，这是一款传统的MVC应用程序。css类最近被移动到CDN，由另一个团队控制

在组件中，我们按如下方式导入CSS：

<style scoped>
    @import "https://content.ourcdn.com/cdn-test/assets/css/search.min.css";
</style>

@进口”https://content.ourcdn.com/cdn-test/assets/css/search.min.css";

这一切都很好，我们需要在部署到生产CDN时将URL更改为生产CDN（即

CDN

而不是

CDN test

）

理想情况下，基本Url将保存在json文件中，该文件可以作为CI过程的一部分进行替换

---

这是否可能？我是否从正确的角度看待这一点？

删除作用域，这必须起作用

<style>
    @import "https://content.ourcdn.com/cdn-test/assets/css/search.min.css";
</style>

@进口”https://content.ourcdn.com/cdn-test/assets/css/search.min.css";