小编alv*_*_nt的帖子

我遇到的问题是，由 . 创建的生产版本npm run build与 . 提供的开发版本不同npm run serve。生产中生成的 CSS 与开发中生成的 CSS 不同。

背景

由于标准的变化，使用 Vuetify 框架开发的现有应用程序的某些部分需要迁移到 Quasar。Vuetify 首先使用安装vue-cli。类星体是后来使用添加的npm。应用程序处于多页面模式。

问题

通过查看页面时npm run serve，已迁移到Quasar的页面会正确显示。但是，当尝试通过 将其部署到生产中时npm run build，相同的页面会中断。页面中的所有间距和边距均已关闭。检查生成的 CSS 后，发现某些 CSS 类被覆盖为 Vuetify 的值。

我尝试将每个页面的块分开，但无济于事。

以下是我的片段vue.config.js

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/static/dist/' : '/',
  outputDir: '../flask/web/static/dist',

  transpileDependencies: ['quasar', 'vuetify'],

  pages: {
    dashboard: { // vuetify page, no problem.
      entry: 'src/pages/dashboard/index.js',
      template: 'public/index.html',
      filename: 'dashboard.html',
      title: 'Dashboard', …