Webpack Font Удивительные шрифты, получающие неправильный путь - PullRequest
Новая
       8

Webpack Font Удивительные шрифты, получающие неправильный путь

4 голосов
/ 06 июня 2019

Когда я запускаю npm run production, он собирает мои JS и CSS (из SASS) и помещает их в мой каталог тем drupal. Пути для шрифтов неверны в моем fontawesome.css.

Пути должны выглядеть ../fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

или

/themes/<theme-name>/fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

но они генерируются как /fonts/vendor/@fortawesome/fontawesome-pro-webwebfa-brands-400.woff?5dd043615247f4082a329ccccaacca7b

Я попытался добавить файл webpack.config.js, чтобы это работало, но мне не очень повезло с этим, и я действительно не уверен, что делаю. Я никогда не делал это правильно, но я включил свой код ниже. 

const path = require('path');

const config = {
  src: './web/themes/<theme-name>/src/',
  dist: './web/themes/<theme-name>/'
};

module.exports = {
  entry: {
    main: config.src + 'js/app.js' ,
    sass: config.src + 'sass/app.scss'
  },
  output: {
    path: path.resolve(__dirname, config.dist)
  },
  module: {
    rules: [
      {
        test: /\.(eot|woff|woff2|ttf|svg)(\?\S*)?$/,
        use: [{
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: config.dist + 'fonts/',
            publicPath: '/themes/<theme-name>/fonts/'
          }
        }]
      }
    ]
  }
};

Любая помощь с этим будет принята с благодарностью.

...