Вопрос с подключением css/js Yii2?

Question

[Msklf]

Yii2 advanced.
Во frontend/assets, файл AppAsset.php

<?php

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
	public $basePath = '@webroot';
	public $baseUrl = '@web';
	public $css = [
		'css/application.css',
	];
	public $js = [
		'js/application.js',
	];
	public $depends = [
		'yii\web\YiiAsset',
	];
}

Собственно папки frontend\web\js, и frontend\web\css пусты.
В папке frontend\assets у нас
fonts, images, javascripts, stylesheets, AppAsset.php

Приведу скрины папки javascripts


И stylesheets/sass


Соответственно вопрос в том, что страница не видит файлы, путь которых указан а аппассете, т.к. файлов нету. Может они генериться должны, не разберусь. Может кто сталкивался ? (Если нужно какие-то части кода из конфиг, говорите)

Answer 1

[Дмитрий]

Доброй ночи.
Очистите директорию assets, перенесите директории css, js, images уровнем выше, то есть в web/.
Чтобы не засорять излишне директорию assets в конфигурации установите параметр:

'assetManager' => [
           'linkAssets' => true,
       ],

p.s. Статья в помощь

Comments

[Msklf]

slo_nik, доброй ночи. Статью читал и до вас. В моем случае ничего непонятно.
Перенес, для application.js пишет ошибку Unexpected token import
В этой строчке кода import TabbedCarousel from 'modules/TabbedCarousel
Про css, если поставить разрешение sass, как в файле, то выдает ошибку

Exception – yii\base\Exception
 in \vendor\yiisoft\yii2\web\AssetConverter.php

[Дмитрий]

В этой строчке кода import TabbedCarousel from 'modules/TabbedCarousel

Msklf, что это за строка такая, где она находится? В любом случае файлы css, js, img должны быть там, где я написал.
Создайте любой файл, например css, положите по нужному пути и пропишите в AppAsset.php. Увидите, что он успешно будет подключён.

[Msklf]

slo_nik, если вы обратите на мой скрин с папки javascripts, там есть папка modules, там и находиться TabbedCarousel.php.
Можете не рассказывать ) Я прекрасно понимаю, но что наворотили люди не пойму.

[Msklf]

slo_nik, может типо такого для sass нужно, он типо по идее должен генериться в один файл.

'parsers' => [
                'scss' => [ 
                    'class' => 'nizsheanez\assetConverter\Scss',
                    'output' => 'css', 
                    'options' => [ 
                        'enableCompass' => true, 
                        'importPaths' => ['/sass','/sass/_offers'],
                        // e.g., `['@path/to/dir', '@path/to/dir1', ...]`
                        'lineComments' => true, 
                        'outputStyle' => 'expanded', 
                    ],
                ],

[Дмитрий]

Я прекрасно понимаю, но что наворотили люди не пойму.

Msklf, а это как понять? Что Вы понимаете и в то же время не понимаете?

если вы обратите на мой скрин с папки javascripts, там есть папка modules, там и находиться TabbedCarousel.php.

И где это на скриншоте видно? Предлагаете на кофейной гуще гадать, что содержится в директории modules?

Загрузите уже скомпилированные файлы в web и пропишите к ним путь в AppAsset.php

[Msklf]

slo_nik, хорошо, как собрать в yii2 правильно имеющийся sass ? Правильно понимаю, что нужно, чтобы собралось в css файл ? С js же описал, что там тот скрипт храниться в modules.

[Дмитрий]

Msklf, и опять же, где полный текст ошибки?

Перенес, для application.js пишет ошибку Unexpected token import

Answer 2

[Дмитрий Ким]

При таком AppAsset как у вас файлы application.css и application.js должны находится в @webroot/css|@webroot/js соответственно.
Если же вы хотите использовать файлы из @frontend/assets то и пишите так:

<?php
namespace frontend\assets;
use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
  public $sourcePath = '@frontend/assets';
  public $css = [
    'css/application.css',
  ];
  public $js = [
    'js/application.js',
  ];
  public $depends = [
    'yii\web\YiiAsset',
  ];
}

При этом у вас должны быть файлы:
@frontend/assets/css/application.css
@frontend/assets/js/application.js

PS: не лучшая идея хранить этот AppAsset внутри @frontend/assets, потому что при публикации он будет скопирован в @webroot/assets. Либо укажите $publishOptions -> [except] -> ['*.php'].

Comments

[Msklf]

Разобрался, просто gulp на винде имел свои моменты для генерации