Подключить js/css файлы в laravel 5.4

@mstdmstd · Регистрация: 21.02.2010

Author24 — интернет-сервис помощи студентам

Подскажите, как правильно подключить js/css файлы в laravel 5.4
Создал новое приложение:

Код

/gulp_project$ node -v 
v7.9.0
/gulp_project$ npm -v
4.2.0
/gulp_project$ composer show -i 

You are using the deprecated option "installed". Only installed packages are shown by default now. The --all option can be used to show all packages.
dnoegel/php-xdg-base-dir              0.1     implementation of xdg base directory specification for php
doctrine/inflector                    v1.1.0  Common String Manipulations with regard to casing and singular/plural rules.
doctrine/instantiator                 1.0.5   A small, lightweight utility to instantiate objects in PHP without invoking their constructors
erusev/parsedown                      1.6.2   Parser for Markdown.
fzaninotto/faker                      v1.6.0  Faker is a PHP library that generates fake data for you.
hamcrest/hamcrest-php                 v1.2.2  This is the PHP port of Hamcrest Matchers
jakub-onderka/php-console-color       0.1     
jakub-onderka/php-console-highlighter v0.3.2  
laravel/framework                     v5.4.19 The Laravel Framework.
laravel/tinker                        v1.0.0  Powerful REPL for the Laravel framework.
league/flysystem                      1.0.37  Filesystem abstraction: Many filesystems, one API.
mockery/mockery                       0.9.9   Mockery is a simple yet flexible PHP mock object framework for use in unit testing with PHPUnit, PHPSpec or any other testing framework. Its core goal is to of...
monolog/monolog                       1.22.1  Sends your logs to files, sockets, inboxes, databases and various web services
mtdowling/cron-expression             v1.2.0  CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due
myclabs/deep-copy                     1.6.1   Create deep copies (clones) of your objects
nesbot/carbon                         1.22.1  A simple API extension for DateTime.
nikic/php-parser                      v3.0.5  A PHP parser written in PHP
paragonie/random_compat               v2.0.10 PHP 5.x polyfill for random_bytes() and random_int() from PHP 7
phpdocumentor/reflection-common       1.0     Common reflection classes used by phpdocumentor to reflect the code structure
phpdocumentor/reflection-docblock     3.1.1   With this component, a library can provide support for annotations via DocBlocks or otherwise retrieve information that is embedded in a DocBlock.
phpdocumentor/type-resolver           0.2.1   
phpspec/prophecy                      v1.7.0  Highly opinionated mocking framework for PHP 5.3+
phpunit/php-code-coverage             4.0.8   Library that provides collection, processing, and rendering functionality for PHP code coverage information.
phpunit/php-file-iterator             1.4.2   FilterIterator implementation that filters files based on a list of suffixes.
phpunit/php-text-template             1.2.1   Simple template engine.
phpunit/php-timer                     1.0.9   Utility class for timing
phpunit/php-token-stream              1.4.11  Wrapper around PHP's tokenizer extension.
phpunit/phpunit                       5.7.19  The PHP Unit Testing framework.
phpunit/phpunit-mock-objects          3.4.3   Mock Object library for PHPUnit
psr/log                               1.0.2   Common interface for logging libraries
psy/psysh                             v0.8.3  An interactive shell for modern PHP.
ramsey/uuid                           3.6.1   Formerly rhumsaa/uuid. A PHP 5.4+ library for generating RFC 4122 version 1, 3, 4, and 5 universally unique identifiers (UUID).
sebastian/code-unit-reverse-lookup    1.0.1   Looks up which function or method a line of code belongs to
sebastian/comparator                  1.2.4   Provides the functionality to compare PHP values for equality
sebastian/diff                        1.4.1   Diff implementation
sebastian/environment                 2.0.0   Provides functionality to handle HHVM/PHP environments
sebastian/exporter                    2.0.0   Provides the functionality to export PHP variables for visualization
sebastian/global-state                1.1.1   Snapshotting of global state
sebastian/object-enumerator           2.0.1   Traverses array structures and object graphs to enumerate all referenced objects
sebastian/recursion-context           2.0.0   Provides functionality to recursively process PHP variables
sebastian/resource-operations         1.0.0   Provides a list of PHP built-in functions that operate on resources
sebastian/version                     2.0.1   Library that helps with managing the version number of Git-hosted PHP projects
swiftmailer/swiftmailer               v5.4.6  Swiftmailer, free feature-rich PHP mailer
symfony/console                       v3.2.7  Symfony Console Component
symfony/css-selector                  v3.2.7  Symfony CssSelector Component
symfony/debug                         v3.2.7  Symfony Debug Component
symfony/event-dispatcher              v3.2.7  Symfony EventDispatcher Component
symfony/finder                        v3.2.7  Symfony Finder Component
symfony/http-foundation               v3.2.7  Symfony HttpFoundation Component
symfony/http-kernel                   v3.2.7  Symfony HttpKernel Component
symfony/polyfill-mbstring             v1.3.0  Symfony polyfill for the Mbstring extension
symfony/process                       v3.2.7  Symfony Process Component
symfony/routing                       v3.2.7  Symfony Routing Component
symfony/translation                   v3.2.7  Symfony Translation Component
symfony/var-dumper                    v3.2.7  Symfony mechanism for exploring and dumping PHP variables
symfony/yaml                          v3.2.7  Symfony Yaml Component
tijsverkoyen/css-to-inline-styles     2.2.0   CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending ema...
vlucas/phpdotenv                      v2.4.0  Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.
webmozart/assert                      1.2.0   Assertions to validate method input/output with nice error messages.

В книжке читаю

И я не знаю кто такой " a default gulpfile.js "

В подкаталогах проекта нашел следующие файлы:

Код

/gulp_project/node_modules/stackframe/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.task.sequence/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.swig/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.sass/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.ruby.sass/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.pug/gulpfile.js
/gulp_project/node_modules/bs-recipes/recipes/gulp.browserify/gulpfile.js
/gulp_project/node_modules/marked/Gulpfile.js
/gulp_project/node_modules/macaddress/gulpfile.js
/gulp_project/node_modules/lodash-deep/gulpfile.js
/gulp_project/node_modules/gulp-notify/examples/gulpfile.js
/gulp_project/node_modules/gulp-shell/gulpfile.js

Это один из этих файлов или его нужно создать ?
Это в нем должны быть команды прописаны

Код

 elixir(function(mix) {
   mix.sass('app.scss');
 });

?
И должна ли в системе быть ссылка на этот gulpfile.js?

Упомянутая выше книжка это laravel, 5 но врядли laravel 5.4 - возможно, непонятки из-за этого...

Спасибо !

@N-Star · 18.04.2017, 23:22

Всмысле компиляция из шаблонизаторов? или простые js css ? просто js css лежат в папке public - это корень сайта - вэб узла, подключать - <link rel="stylesheet" href="{{ url('css/css.css') }}">

@mstdmstd · 19.04.2017, 10:42 **[ТС]**

Да понятно
Еще подскажите :

1) Как правильно подключить scss?
2) Часто в подключаемые .js-файлы нужно передать ряд параметров с сервера, что-то вроде :

HTML5

<script src="{{ url('js/my_app.js') }}"></script>
<script type="text/javascript" language="JavaScript">
    /*<![CDATA[*/
    
    
    var backendSongsEditorFuncs = new backendSongsEditorFuncs( { // must be called before jQuery(document).ready(function ($) {
        <?php echo prepareParams( true,  array( 'm_pageUrl'=> $m_pageUrl, ... ) )?>
    } );
    jQuery(document).ready(function ($) {
        backendSongsEditorFuncs.onEditorInit()
    });
    
    /*]]>*/
    </script>

И в js-файле:

Javascript

function backendArtistsEditorFuncs(Params) {  // constructor of backend artist's editor - set all params from server
       this_m_pageUrl = Params.m_pageUrl;
       ...
    } // function backendArtistsEditorFuncs(Params) {  constructor of backend artist's editor - set all params from server

Есть ли возможность что-то схожее делать в laravel ?

3) Я хотел подключить к темплейтам materialize-css
В самом руководстве по materialize-css пишут что нужно подключить 2 два файла materialize.min.css и materialize.min.js
То есть мне нужно в из архива materialize-css в /public/ скопировать содержимое 3 подкаталогов css, js, fonts?

4) Я гуглом находил подключение materialize-css через пакеты - устанавливал - там куча файлов и непоянтно что было с этим делать ?

@romash1408 · 03.07.2017, 10:29

Эта книжка по Laravel старой версии. В Laravel 5.4 вместо elixir используется webpack, так что ищите туториалы по новой версии, либо устанавливайте Laravel той версии, по которой ваша книжка.

Добавлено через 7 минут
Опечатался: вместо gulp используется webpack, а elixir в laravel-mix переименовали

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	18.04.2017, 23:22	2
	Всмысле компиляция из шаблонизаторов? или простые js css ? просто js css лежат в папке public - это корень сайта - вэб узла, подключать - <link rel="stylesheet" href="{{ url('css/css.css') }}"> 0

@romash1408 0 / 0 / 0 Регистрация: 13.05.2015 Сообщений: 2
	03.07.2017, 10:29	4
	Эта книжка по Laravel старой версии. В Laravel 5.4 вместо elixir используется webpack, так что ищите туториалы по новой версии, либо устанавливайте Laravel той версии, по которой ваша книжка. Добавлено через 7 минут Опечатался: вместо gulp используется webpack, а elixir в laravel-mix переименовали 0