Используя webpack и FontAwesome 5 Pro, создайте странный префикс - PullRequest
Новая
       45

Используя webpack и FontAwesome 5 Pro, создайте странный префикс

0 голосов
/ 26 марта 2019

Я использую Laravel и Webpack, добавляю в свой app.scss путь к модулям узлов с помощью FontAwesome5 Pro: 

// Variables
@import 'variables_env';
@import 'variables';

// External
@import '~bootstrap/scss/bootstrap';
@import '~@fortawesome/fontawesome-pro/scss/fontawesome';
@import '~@fortawesome/fontawesome-pro/scss/light';
@import '~@fortawesome/fontawesome-pro/scss/regular';
@import '~@fortawesome/fontawesome-pro/scss/solid';

Внутри папки node_modules, я вижу, что fontawesome имеетшрифты с именами fa-регулярно, fa-solid и т. д .: enter image description here

Проблема в том, что Webpack компилирует мой app.scss и генерирует потрясающие шрифты с префиксом «web»: webfa-light, webfa-normal и т. д .: enter image description here

Это моя конфигурация webpack.mix.js: 

const mix = require('laravel-mix');

var settingsPath = '.';
//development, preproduction, production
settingsPath = 'resources/sass/_enviroments/'+process.env.NODE_ENV;

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css', {
      includePaths: [settingsPath],
   })
   .extract(['vue','bootstrap-vue','vee-validate'])
   .browserSync('newregalospersonales.local');

Когда Webpack переименовываетфайлы?Могу ли я изменить префикс "web"?

...