Javascript 不带组件的Vue插件中的捆绑样式 我的问题

Javascript 不带组件的Vue插件中的捆绑样式 我的问题,javascript,vue.js,webpack,plugins,vuejs2,Javascript,Vue.js,Webpack,Plugins,Vuejs2,在进一步阅读之前,“没有组件”,我的意思是我的插件不需要组件,因为没有模板,它只是一个自定义的Vue指令,用作类的包装。然而,这并不意味着我不愿意为了包含必要的样式而使用组件,如果这无法避免的话 考虑以下插件(建议的文件结构): index.js安装Vue插件并定义一个自定义指令,该指令调用SomeClass类上的某些方法 SomeClass.js提供所有必需的功能 sass/core.scss提供插件所需的任何必要样式 我的问题很简单,就是在安装Vue插件时如何包含core.scss文件?

在进一步阅读之前,“没有组件”,我的意思是我的插件不需要组件,因为没有模板,它只是一个自定义的Vue指令,用作
类的包装。然而,这并不意味着我不愿意为了包含必要的样式而使用组件,如果这无法避免的话

考虑以下插件(建议的文件结构):

  • index.js
    安装Vue插件并定义一个自定义指令,该指令调用
    SomeClass
    类上的某些方法
  • SomeClass.js
    提供所有必需的功能
  • sass/core.scss
    提供插件所需的任何必要样式
我的问题很简单,就是在安装Vue插件时如何包含
core.scss
文件?或者,什么是更好的文件结构,从而包括插件所需的样式


理想情况下,我希望避免使用模板,因为没有插入HTML,我的插件只是向DOM中已定义的元素添加样式。

对于任何遇到此问题的人来说,解决方案非常简单。。。我只是将以下内容放在我的
index.js
的顶部:

import './sass/_core.scss';
我不知道您可以将CSS/SASS文件直接导入Javascript文件

import './sass/_core.scss';