更改默认vuetify加载器变量scss文件路径

Question

我使用Vue CLI创建了一个项目(提供了类型记录支持)，并使用vue add vuetify添加了Vuetify

这会创建一个像这样的文件树：

project
 - public
 - node_modules
 - src
   - components
   - scss
     variables.scss
   - assets
   main.ts

但是，我想改变这个结构来使用类似清洁架构之类的东西。所以，我有

project
 - public
 - node_modules
 - src
   - application
   - domain
   - infrastructure
   - web
     - components
     - assets
     - scss
       variables.scss
     main.ts

但是如果我这样做，vuetify-loader将不再加载我的variables.scss文件。根据文档，它似乎只加载路径src/scss/variables.scss。

是否有方法将默认路径更改为src/web/scss/variables.scss

Answer 1

vue-cli-plugin-vuetify似乎是硬编码的，可以预料到这种结构：

for (const ext of ['sass', 'scss']) {
    const path = `${folder}/${file}.${ext}`

    // If file doesn't exist in user
    // project, continue to next
    if (!fileExists(api, `src/${path}`)) continue

    // If file exists, push it into
    // the import statement
    data.push(`@import '@/${path}${end}`)
  }

来源

回购中已经有一个公开发行来跟踪任何更改。