Исключить некоторые файлы css из пакета vue -cli - PullRequest
1 голос
/ 13 января 2020

У меня есть vue cli проект, и я пытаюсь исключить css файлы из связанных в chunk-vendors.css

Причина в том, что у меня есть файл темы, включенный в мое приложение, которое переопределяет все стили библиотеки, и стили этой библиотеки больше не нужны

Файлы, о которых идет речь, находятся в node_modules/element-ui/lib/theme-chalk/*.css

Я не могу найти нужную конфигурацию изменить в моем vue.config.js файле

Мои упрощенные vue.config.js:

const prefixer = require('postcss-prefix-selector');
const autoprefixer = require('autoprefixer');
const path = require('path');

module.exports = {
    css: {
        extract: true,
        loaderOptions: {
            postcss: {
                // This is a workaround to add specificity to the app's theme
                // to correctly override all the rules I'm trying to remove
                plugins: () => [
                    prefixer({
                        prefix: 'body',
                        exclude: [/body .*/]
                    }),
                    autoprefixer({})
                ],
                // This doesn't seem to do anything
                exclude: path.resolve('node_modules/element-ui/lib/theme-chalk')
            },
        }
    },
};

Но файлы не исключаются

Какой параметр следует использовать, чтобы исключить css файлов из моего комплекта?

1 Ответ

0 голосов
/ 13 января 2020

Я понял это при добавлении element-ui с vue -cli-plugin-element

Плагин добавил несколько строк в babel.config.js

module.exports = {
  'presets': [
    '@vue/cli-plugin-babel/preset'
  ],
  'plugins': [
    // The following was added by vue-cli-plugin-element
    [
      'component',
      {
        'libraryName': 'element-ui',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}

Изменяя его на:

module.exports = {
  'presets': [
    '@vue/cli-plugin-babel/preset'
  ],
  'plugins': [
    // The following was added by vue-cli-plugin-element
    [
      'component',
      {
        'libraryName': 'element-ui',
        'style': false
      }
    ]
  ]
}

Я избавился от бесполезного css импорта

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...