Как извлечь стиль из внешней библиотеки VUE, импортированной в проект? - PullRequest
Новая
       39

Как извлечь стиль из внешней библиотеки VUE, импортированной в проект?

0 голосов
/ 04 февраля 2019

У меня есть проект с шаблоном vue-webpack .Я извлекаю стили в проекте, используя extract-text-plugin .но когда я импортирую внешнюю библиотеку, vue-loader не извлекает стили в файл css, а вместо этого переходит к тегу style в голове. 

import vueSlider from 'vue-slider-component';
import ToggleButton from 'vue-js-toggle-button';

Но это правильно для менясобственные компоненты vue.

Я изменил vue-loader config для css и scss , чтобы сделать это также для node_modules но id не извлекает Что я могу сделать, чтобы извлечь все стили в css , а не в тег style?вот мой webpack config: 

{
        test: /\.vue$/,
        loader: 'vue-loader',
        include: [resolve('src'), resolve('node_modules')],
        options: {
            loaders: {
                css: ExtractTextPlugin.extract({
                    use: 'css-loader',
                    // fallback: 'vue-style-loader'
                }),
                scss: ExtractTextPlugin.extract({
                    use: ['css-loader', 'sass-loader'],
                    // fallback: 'vue-style-loader'
                })
            }
        }
      }

и webpack.base.conf 

{
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
            // fallback: "vue-style-loader",
            use: "css-loader"
        })
      },
{
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
            // fallback: 'vue-style-loader',
            use: ['css-loader', 'sass-loader']
        })
      }
...