2017-01-31 3 views
0

Как настроить Laravel Mix на version 5.4 сделать css загружать файлы при загрузке sass файлов? Все учебные материалы, которые я нашел, относятся к более старым версиям.Как установить Laravel Mix SASS перезагрузка

Я установил модули node, и я запускаю часы на npm run watch, как указано в уроке https://laravel.com/docs/5.4/mix#sass. До сих пор webpack.mix.js выглядит следующим образом:

const { mix } = require('laravel-mix'); 

mix.js('resources/assets/js/app.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css'); 
+0

Как указано здесь: 'https://laracasts.com/discuss/channels/elixir/live-reload-alternative-54' Вам нужно искать 'Webpack-live-reload', а не' Laravel-mix' live reload. Это может помочь вам приступить к работе, но не проверено: 'https: // gist.github.com/hailwood/82242c08807f1939fc90f60c92a476cf' – PaladiN

ответ

2

Вот как настроить Webpack LiveReload для Laravel> = 5,4 и Laravel.mix https://komelin.com/articles/configuring-webpack-livereload-laravelmix

+0

Спасибо, но я получаю следующую ошибку: node node_modules/cross-env/bin/cross -env.js NODE_ENV = разработка node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config = node_modules/laravel-mix/setup/webpack.config.js module.js: 472 throw err; ^ Ошибка: Не удается найти модуль 'C: \ XAMPP \ HTDOCS \ tamilserials \ node_modules \ кросс-окр \ Bin \ Поперечные env.js' на Function.Module._resolveFilename (module.js: 470: 15) ' –

+0

Попробуйте удалить папку node_modules и запустить' npm install', чтобы переустановить все зависимости проекта. –

+0

Спасибо, классно это сработало: D –