I have put gallery.less and calendar.css in web\mage\gallery and web\mage respectively in my custom theme, But they are not compile with grunt.
How can i compile these files with grunt like other modules and web\css\source less files ?
Add a comment |
1 Answer
please follow below step to compile "gallery.less"
- create "mage" folder under your theme
- copy "gallery" folder from "root/lib/web/mage/gallery/" and put under "app/design/frontend/vendor(packagename)/your-theme(custom theme)/web/mage/"
open "root/dev/tools/grunt/configs/theme.js" and put below code in it (configure your theme in "theme.js")
theme: { area: 'frontend', name: 'vendor/your-theme', locale: 'en_US', files: [ 'css/styles-m', 'css/styles-l', 'mage/gallery/gallery', ], dsl: 'less'}
please follow below step to compile "calendar.css"
- create "mage" folder under your theme
- cteate "calendar.less" file under ("root/lib/web/mage/calendar.less") file.
- copy all content from "root/lib/web/mage/calendar.css" and put into file "root/lib/web/mage/calendar.less"
- open "root/dev/tools/grunt/configs/theme.js" and put below code in it (configure your theme in "theme.js").
**
theme: { area: 'frontend', name: 'vendor/your-theme', locale: 'en_US', files: [ 'css/styles-m', 'css/styles-l', 'mage/gallery/gallery', 'mage/calendar', ], dsl: 'less' } **
- clean root/var/ and pub/static folder
- run grunt exec:theme (your-theme)
- run php bin/magento setup:static-content:deploy
- run grunt watch:theme (your-theme)
- modify "gallery.less", now it is compile through grunt
