我的资产仅在生产中未链接到我的树枝文件中

Question

我目前正在将我的应用程序从 Webpack 迁移到 Vite。

我的应用程序正在使用 React 和 Symfony。

所以我遵循了 vite-bundle 和 vite-symfony-plugin 说明。在开发服务器/本地一切都工作得很好，但是当我推送到我的评论应用程序时遇到问题。

我的树枝渲染时没有任何

<script>

或

<link>

来自我的

vite_entry_..._tag

。

我的资产已上传到 CDN。

您有什么想法可以解决这个问题吗？谢谢你。

这是我的

vite.config.js

：

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());

  return {
    resolve: {
      alias: {
        // ...
      },
    },
    plugins: [
      react(),
      symfonyPlugin({
        /* defaultValues */
        servePublic: true,
        refresh: true,
        /** If you set server.host: '0.0.0.0' in your vite.config.js
         * you have to set 'localhost' */
        viteDevServerHostname: null,
      }),
    ],
    base: `${env.VITE_PATH_ASSET || ''}/build`,
    build: {
      outDir: './public/build',
      manifest: true,
      rollupOptions: {
        input: {
          // ...
        },
      },
    },
    server: {
      origin: 'http://localhost:5173',
    },
  };
});

Answer 1

如果 twig 函数返回为空，则意味着入口点有问题。 您可以尝试使异常更详细

# config/packages/pentatrion_vite.yaml
pentatrion_vite:
  throw_on_missing_entry: true

不然看看你的

public/build/entrypoints.json

也许你可以找到信息？

// vite.config.js
export default defineConfig(({mode }) => {
  return {
    plugins: [
      symfonyPlugin(),
    ],
  
    base: mode === 'development' ? '/build/' : 'http://cdn.domain.com/build/',
  
    build: {
      outDir: './public/build', 
      manifest: true,
      rollupOptions: {
        input: {
          "app": "./assets/app.js",
        }
      },
    },
  }
});

否则，请在 https://github.com/lhapaipai/vite-bundle 中打开讨论，逐步重现您的错误:-)