javascript - Vue：自己的包应该根据应用使用不同的样式

Question

我们正在为我们的所有应用程序构建一个共享的 vue 包，其中包含我们的应用程序使用的一些样式表（不同的 scss 文件）和我们的应用程序使用的一些组件（包括样式）。

由于我们的一些应用程序应该使用不同的样式，我想在我们的 vue 包中添加选择两种样式之一的可能性。

所以我们的 vue-package 现在有了这个文件夹结构：

• style.scss -- app1-variables.scss -- app2-variables.scss
• main.js（包含导入“./css/style.scss”；）

根据 app1 或 app2 是否使用我们的应用程序，我想在 vue-package 的样式表中导入 app1-variables 或 app2-variables。这甚至可能吗？

我在安装我们的包时添加了一些选项：

 install (Vue, options) {
     // options.appName  contains either app1 or app2
 }

我们的应用程序导入生成的 vue-package 样式表：

@import "~@company/package/dist/style.css";

标签： javascriptcssvue.jssass