Элемент пользовательского интерфейса настроить переменные sass - PullRequest
Новая
       17

Элемент пользовательского интерфейса настроить переменные sass

0 голосов
/ 30 октября 2018

У меня есть проект с Vue.js и element-ui. Я хочу настроить переменные SASS element-ui для обновления темы, а также использовать эти переменные в стиле моего компонента Vue.

Мне удалось сделать это при создании моего собственного файла SASS, который импортирует файл в node_modules / element-ui / lib / theme-chalk / index.scss (например: https://element.eleme.io/#/en-US/component/custom-theme#update-scss-variables-in-your-project)

Но размер моей пачки взорвался. Для CSS это пошло от 44 КБ до 800 КБ !!! Мне удается уменьшить размер пакета до 495 КБ (стиль огромный) при импорте только тех компонентов SASS, которые я действительно использую в теме.

Я использую babel-plugin-component так: 

"plugins": [
  [
    "component",
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]
]
...