问题:Symfony 3 使用 Vuejs+Webpack 时的项目结构

我正要构建一个应用程序,该应用程序将包含一个用于后端的 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 应用程序中?

解答

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

除此之外,没有什么可以反对您的方法,甚至当前的Symfony 最佳实践也提出了建议:

最佳实践

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