Изменяет publicPath: '../fonts' на 'https://local.dev/{pageName}'/fonts/[filename].[ext] - PullRequest
Новая
       14

Изменяет publicPath: '../fonts' на 'https://local.dev/{pageName}'/fonts/[filename].[ext]

0 голосов
/ 09 мая 2019

Временно решено путем удаления publicPath из output и добавления прокси local.dev к baseURL и file-loader publicPath: 'fonts'

Что бы я ни положил в мой publicPath: 'xyz' скомпилированный файл BLOB, который style-loader добавляет в dom, добавляет page url + baseURL

так, например, когда я нажимаю на страницу блога, URL ресурса изменяется на: https://local.dev/blog/wp-content/plugins/pratirupm-plugin/inc/assets/dist/fonts/fa-brands-400.woff

Я не знаю, почему он действует так, как я сказал, я новичок в webpack и прочем, но когда я собираю js и css в производстве с помощью extract-text-plugin, и если мой publicPath:'../fonts', он остается как '../ шрифты 'в файле css также ..

Я новичок в вебпаке и могу найти, что делаю не так

Вот что я использую для CSS: 

    test: /\.scss$/,
    use: [
        // creates style nodes from JS strings
        {
            loader: 'style-loader',
            options: {
                sourceMap: true,
            },
        },
        {
            loader: 'css-loader',
            options: {
                sourceMap: true,
            },
        }, // translates CSS into CommonJS
        {
            loader: 'postcss-loader',
            options: {
                sourceMap: true,
            },
        },
        {
            loader: 'resolve-url-loader',
            options: {
                sourceMap: true,
            },
        },
        {
            loader: 'sass-loader',
            options: {
                sourceMap: true,
            },
        }, // compiles Sass to CSS
    ],
},

А вот и мои шрифты: 

    test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: '[name].[ext]',
                outputPath: '../fonts',
                publicPath: baseURL + 'fonts',
            },
        },
    ],
},

и моя базаURL const baseURL = 'wp-content/plugins/pratirupm-plugin/inc/assets/dist/';

...