Laravel Mix извлекает все vue компонента css в один app.css - PullRequest
Новая
       20

Laravel Mix извлекает все vue компонента css в один app.css

0 голосов
/ 18 июня 2019

Я использую Laravel Mix для компиляции и извлечения компонента css в один файл, например app.css. Например, у меня есть такой компонент: 

<template>
   <div class="text">  </div>
<template>
...
<style>
   .text{ color: red; }
</style>

В webpack.mix.js есть: 


mix.autoload({
    jquery: ['$', 'window.jQuery','window.$'],
    quill: ['window.Quill','Quill']
});

mix.options({
    extractVueStyles: 'public/css/app.css',
});

mix.js('resources/assets/js/app.js', 'public/js')
    .sourceMaps()
    .version();

и я вставил этот код в master..blade.php

    <link rel="stylesheet" href="{{ url(mix('/css/app.css')) }}">

Но app.css - это пусто , и мой компонент CSS вставлен в html>head как встроенный стиль: 

<html>
<head>
   ...
   <style>
         .text{ color: red; }
   </style>
</head>
...
</html>

Что я должен сделать, чтобы извлечь и поместить все компоненты css в app.css?

...