是否可以在Vue.js中有条件地导入CSS文件？

通过style-loader与可用的API结合使用，您可以在代码中动态应用和删除样式表。

首先，您需要更新您的webpack配置规则，以便具有.useable.css扩展名的样式表将使用可用的API加载：

{
  test: /\.css$/,
  exclude: /\.useable.css$/,
  use: [
    'style-loader',
    'css-loader'
  ]
},
{
  test: /\.useable\.css$/,
  use: [
    'style-loader/useable',
    'css-loader'
  ]
}

现在，在路由器代码文件中，您可以导入样式表，.use()然后.unuse()根据您的条件进行导入：

import style from './admin.useable.css'

const router = new VueRouter(...)

router.afterEach((to, from) => {
  for (const route of to.matched) {
    if (route.meta.forAdmin) {
      style.use()
    }
  }

  for (const route of from.matched) {
    if (route.meta.forAdmin) {
      style.unuse()
    }
  }
})

确保在总数.use()和.unuse()调用之间保持平衡，因为在后台会保留一个引用计数，以便确定何时应应用样式表。

我不确定您的设置是什么，因此可能会有更好的方法来执行您想要的操作。