laravel .mix не компилирует файлы css - PullRequest
Новая
       11

laravel .mix не компилирует файлы css

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

не могли бы вы помочь со следующей проблемой?

Мой webpack.mix.js файл 

const mix = require('laravel-mix');
const config = require('./webpack.config');

mix.webpackConfig(config);

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix
    .js('resources/js/app.js', 'public/js')
    .extract([
        'vue',
        'vuex',
        'axios',
        'vue-i18n',
        'vue-router'
    ])
    .sass('resources/sass/app.scss', 'public/css/app.css', {
        implementation: require('node-sass')
    });

Мой webpack.config.js файл: 

module.exports = {
    resolve: {
        alias: {
            'app': path.join(__dirname, '/resources/js'),
        }
    }
};

Когда я пытаюсь скомпилировать с npm run watch, я получаю следующее сообщение : 

 DONE  Compiled successfully in 4737ms                                                                                                                                                                                       12:33:55 PM

          Asset      Size                             Chunks             Chunk Names
   /css/app.css   0 bytes  /js/app, /js/manifest, /js/vendor  [emitted]  /js/app, /js/manifest, /js/vendor
     /js/app.js   1.7 MiB                            /js/app  [emitted]  /js/app
/js/manifest.js  8.94 KiB                       /js/manifest  [emitted]  /js/manifest
  /js/vendor.js   538 KiB                         /js/vendor  [emitted]  /js/vendor
           0.js  8.22 KiB                                  0  [emitted]

Как видите, сгенерированный файл app.css имеет размер 0 байт, но .. в файле app.scss имеется следующее содержимое: 

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

Мой вопрос: почему, если файл app.scss имеет содержимое, он не создается в файле app.css?

...