Когда я запускаю 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/'
}
}]
}
]
}
};
Любая помощь с этим будет принята с благодарностью.