在Webpack配置中更改图像资产路径

我在Webpack/Encore上遇到问题,因为我的图像URL没有正确拉入。

homepage.scss :

body {
    background: #FFEFE2 url("../../img/bg.jpg") no-repeat;
}

生成的标记是:

body {
    background: #FFEFE2 url(/build/images/bg.9f6bc44a.jpg) no-repeat;
}

我的应用程序位于 /app ,所以正确的URL应该是 /app/build/images/bg.9f6bc44a.jpg .

我的Webpack Encore配置:

var Encore = require('@symfony/webpack-encore');

Encore
// directory where compiled assets will be stored
    .setOutputPath('web/build/')
    // public path used by the web server to access the output path
    .setPublicPath('/build')

    /*
     * ENTRY CONFIG
     *
     * Add 1 entry for each "page" of your app
     * (including one that's included on every page - e.g. "app")
     *
     * Each entry will result in one JavaScript file (e.g. app.js)
     * and one CSS file (e.g. app.css) if you JavaScript imports CSS.
     */
    .addEntry('app', './web/assets/js/app.js')

    // will require an extra script tag for runtime.js
    // but, you probably want this, unless you're building a single-page app
    .enableSingleRuntimeChunk()

    .cleanupOutputBeforeBuild()

    .enableSourceMaps(!Encore.isProduction())

    // enables hashed filenames (e.g. app.abc123.css)
    .enableVersioning(Encore.isProduction())

    // uncomment if you use Sass/SCSS files
    .enableSassLoader()

    // uncomment if you're having problems with a jQuery plugin
    .autoProvidejQuery()
;

module.exports = Encore.getWebpackConfig();