vue.js - 更改默认 vuetify-loader 变量 scss 文件路径

Question

我使用 Vue CLI（支持打字稿）创建了一个项目，并添加了 Vuetifyvue add vuetify

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

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

但是，我想改变这个结构来使用像 Clean Architecture 这样的东西。所以我有

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}`)
  }

来源

回购中已经有一个未解决的问题来跟踪任何更改。