使用 Vuejs+Webpack 时的 Symfony 3 项目结构答案

【问题标题】：Symfony 3 Project Structure when using Vuejs+Webpack使用 Vuejs+Webpack 时的 Symfony 3 项目结构
【发布时间】：2017-09-22 18:49:16
【问题描述】：

我即将构建一个应用程序，该应用程序将包含一个用于后端的 rest api，然后由 vuejs 应用程序使用。

我希望前端和后端代码在同一个代码库中。

我只是在努力弄清楚将我的 vuejs 文件放在哪里。

目前我的项目目录结构如下：

/project-dir
    /app
    /bin
    /src
    /tests
    /var
    /vendor
    /web

现在我要把所有的 js 文件放在 /project-dir/web 中吗？像这样：

/project-dir
    /app
    /bin
    /src
    /tests
    /var
    /vendor
    /web
        /build
        /config
        /node_modules
        package.json
        /src
        /static
        /test

我觉得这可能是构建它的好方法，但不确定这样做是否有任何缺点。你如何将 vuejs 和 webpack 集成到一个骨架 symfony 应用程序中？

【问题讨论】：

标签： symfony webpack vue.js vuejs2

【解决方案1】：

如果你构建你的 vue.js 项目（并且文件夹 web/builds/ 建议它）。我建议将其余代码保留在 web/ 目录之外并构建到其中。

除此之外，没有什么可以反对您的方法，甚至当前的Symfony Best Practices 也建议：

最佳实践

将您的资产存储在 web/ 目录中。

【讨论】：