Javascript 不带组件的Vue插件中的捆绑样式 我的问题
在进一步阅读之前,“没有组件”,我的意思是我的插件不需要组件,因为没有模板,它只是一个自定义的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文件?
类的包装。然而,这并不意味着我不愿意为了包含必要的样式而使用组件,如果这无法避免的话
考虑以下插件(建议的文件结构):
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';