vue单文件组件无法加载样式

juzqafwq 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(438)

在里面
https://codesandbox.io/s/compassionate-gagarin-qxp98?file=/src/components/genericitem.vue:1921-1957
我正在尝试显示一个需要样式的模态。使用

<style scoped>
@import "../styles/modal-style.css";
</style>

不会加载适当的样式，也不会粘贴
https://codesandbox.io/s/compassionate-gagarin-qxp98?file=/src/styles/modal-style.css:0-1064
进入 style 标签。
这样做的目的是得到
https://codesandbox.io/s/sleepy-tdd-jrrgg?file=/index.html:122-181
但是模态是单个文件组件。
为什么vue不加载样式？

vue.js JavaScript css vuejs2 vue-component

来源：https://stackoverflow.com/questions/68307036/vue-single-file-component-fails-to-load-styles

1条答案

按热度按时间

pobjuy321#

在这种情况下，您应该在Web包配置文件中创建别名，如下所示：

... your webpack config ...

configureWebpack: {  
 resolve: {  
   alias: {  
     '~styles': path.resolve(_dirname, 'path/to/your/styles.css')
   }
 }
}

您的别名现在将是全局的，因此您可以执行以下操作：

<style scoped>
    @import '~styles';
</styles>

赞(0）回复(0）举报 2021-09-13

我来回答

vue单文件组件无法加载样式

1条答案

相关问题

热门标签

最新问答