Since DotPlant2 is based on Yii Framework 2 - we try to adhere to all standards and design patterns that sets the framework.
That is why we do not post links to our styles and scripts directly into the HTML-code templates. For these things invented AssetBundle (or resource kits). Learn more about them you can read in the [official guide Yii2] (https://github.com/yiisoft/yii2/blob/master/docs/guide/structure-assets.md).
If you created a theme with the help of
./yii admin/create-theme, then you already have a file for a set of resources -
As the topic - this module, there is also a namespace apply.
For example, to ThemeAsset namespace file is
If you created a theme through the console command
./yii admin/create-theme, then you have already configured scenarios gulp for comfortable work.
To set gulp is very simple:
npm install --global gulp
Gulp compiles the necessary resources in the
dist/ folder. It is in this folder is set by default
Initially, the structure of the source files to gulp as follows:
images- source files of images of the site. In the future they will be compressed into a folder gulp means
sass- source files SASS. They are compiled gulp means in accordance css files in the folder
dist/styles. At the start there is a file
main.scss, which is connected to a ThemeAsset like
For css and js files will be automatically created minified version, such as
The first time after generation of the threads need to run the theme folder
In the future, when working is recommended to use
This command launches a special gulp mode, in which all changes to scss, js, and the pictures are automatically recorded, and in the browser is updated by means of livereload, if exposed YII_DEBUG.