Question

我使用Vue CLI（支持打字稿）创建了一个项目，并使用vue add vuetify添加了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}`)
  }

Source

回购中已经有一个open issue，可以跟踪任何更改。

更改默认的vuetify-loader变量scss文件路径

1 个答案: