如何移除Quasar默认应用模板中的router及冗余默认配置？

移除Vue Router依赖 #

• 打开项目根目录下的quasar.config.js配置文件
  1. 定位到build配置段，将vueRouterMode属性设置为false，直接禁用框架内置的Router注入逻辑
  2. 定位到framework配置段的plugins数组，删除所有和Router相关的插件注册条目
  3. 确认ssr配置项设置为false，可直接删掉冗余的SSR相关配置
     示例配置片段：

  module.exports = configure(function () {
    return {
      ssr: false,
      build: {
        vueRouterMode: false, // 关键配置，编译阶段剔除Router依赖
        // 其余原有build配置保留
      },
      framework: {
        plugins: [] // 清空原有router相关插件注册
      }
    }
  })
  

• 清理源码目录冗余文件
  1. 直接删除整个src/router目录
  2. 清空src/boot目录下所有和Router相关的注入代码，无其他自定义boot逻辑可直接清空整个目录
  3. 修改src/App.vue内容，直接引入你的A.vue作为根组件渲染，删除原有<router-view>相关代码

  <!-- src/App.vue 示例 -->
  <template>
    <A />
  </template>
  <script setup>
  import A from './A.vue'
  </script>
  

移除默认app.scss #

• 回到quasar.config.js的build配置段，找到css数组，删除app.scss对应的条目
  示例：

  build: {
    css: [
      // 删掉 'app.scss' 该行即可，无其他全局样式可留空数组
    ]
  }
  

• 直接删除src/css/app.scss文件即可，不会再被编译引入

Electron适配说明 #

上述修改完全不影响Electron编译流程，后续需要打包为Electron应用时，直接运行quasar build -m electron即可正常编译。

修改完成后重新执行quasar build，生成的app.js将不再包含Router相关依赖，也不会引入默认的app.scss样式。

内容的提问来源于stack exchange，提问作者hl037_