Question

我正在使用Symfony 4，并且我的部署平台是Microsoft Azure。这是我的网站：https://synergie-2i.azurewebsites.net/SynergieInformatique/public/index.php/。
我的问题是，当我的环境处于生产环境中时，我的css和js未加载。当检查服务中的页面时，我会看到文件夹SynergieInformatique / public和其他文件夹名称。里面有3个CSS文件，但里面什么也没有。我认为webpack不在这些文件中写我的CSS。

我尝试复制CSS并将其放入空的CSS文件中，并且可以正常工作，但是我不知道如何用symfony做到这一点。
当我处于开发环境中时，文件夹版本位于SynergieInformatique / public中，并且我的CSS已加载。

###webpack.config.js : ###
var Encore = require('@symfony/webpack-encore');
Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/js/app.js')
   .addEntry('owlcarouselcss','./node_modules/owl.carousel/dist/assets/owl.carousel.min.css')
    .addEntry('owlcarouseljs','./node_modules/owl.carousel/dist/owl.carousel.min.js')
    .splitEntryChunks()
    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    .enableVersioning(Encore.isProduction())
    .configureBabel(() => {}, {
        useBuiltIns: 'usage',
        corejs: 3
    })
    .enableSassLoader()
    .autoProvideVariables({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
    });
module.exports = Encore.getWebpackConfig();`

使用Webpack部署symfony 4应用程序的步骤是什么？如何在生产环境中加载CSS和JS？如果您需要更多信息，请问我：）

Answer 1

我发现，我的链接不正确。我使用{{ encore_entry_link_tags('app') }}，但是它不会在好的文件夹中搜索，因此我将其替换为<link rel="stylesheet" href="/SynergieInformatique/public//build/app.css">，并且可以正常工作。

Webpack Encore没有在Symfony 4的生产环境中的“ build”文件夹中编写CSS和JS。

1 个答案: