代码之家 › 专栏 › 技术社区 › Charles Okwuagwu

如何在vue.js sfc的“style>”部分引用“baseurl”?

vuejs2

Charles Okwuagwu · 技术社区 · 6 年前

我们可以参考什么 baseUrl 在 <style> Vue.JS SFC的章节?

/src/views/Home.vue
<style scoped>
@import url(<%= BASE_URL %>static/required_styles.css); // does not work
</style>

目录结构:

|--public
|  --static
|     --required_styles.css
|--src
|  --views
|    --Home.vue

关于静态资产处理的文档中不清楚如何执行此操作:

https://cli.vuejs.org/guide/html-and-static-assets.html#the-public-folder

1 回复 | 直到 6 年前

Justin Kahn 6 年前

公用文件夹用于不通过Webpack直接在服务器上提供服务的文件。一个例子是你使用的样式的小型化的CSS。在这种情况下,您只需将css路径添加到 vue.config.js 或 index.html . 如果要在样式标记中导入,则在编译组件时,CSS将完成构建过程(例如Webpack)。这意味着您不应该将.css文件放在 public 文件夹,并应使用相对路径进行导入。

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

3 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

3 年前

roev · 大堆来自(物体)。forEach不使用vue。js

3 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前