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

Question

我即将构建一个应用程序,它将由后端的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应用程序中？

Answer 1

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

除此之外,没有任何反对你的方法,甚至是当前的Symfony最佳实践建议:

最佳实践

将您的资产存储在Web /目录中.