Download the PHP package envoy/frontools without Composer
On this page you can find all versions of the php package envoy/frontools. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download envoy/frontools
More information about envoy/frontools
Files in envoy/frontools
Download envoy/frontools
More information about envoy/frontools
Files in envoy/frontools
Vendor envoy
Package frontools
Short Description Set of front-end tools for Magento 2, based on Gulp.js
License MIT
Package frontools
Short Description Set of front-end tools for Magento 2, based on Gulp.js
License MIT
Please rate this library. Is it a good library?
Informations about the package frontools
Magento 2 Frontools
Set of front-end tools for Magento 2, based on Gulp.js
Questions
If you have any questions about this project let's go to offical Magento forum - Less to Sass Community Project
Requirements
- Unix-like OS (please, do not ask about Windows support)
- Node.js LTS version (currently branch v6). We recommend to use avn to automate version switching. Required configuration is already added to repository as
.node-version
file. - Gulp CLI global package -
yarn global add gulp-cli
ornpm install -g gulp-cli
- Magento 2 project with SASS based theme i.e. SASS version of "Blank"
Installation
- Run
composer require snowdog/frontools
- Go to package directory
cd vendor/snowdog/frontools
- Run
yarn
ornpm install
- Decide where you want to keep your config files.
You can store them in Frontools
config
directory or indev/tools/frontools/config
. There is agulp setup
task to copy all sample config files from theconfig
todev/tools/frontools/config
and create a convenient symlinktools
in the project root. If you want to keep config files inside frontoolsconfig
dir, you have to handle this manually. - Define your themes in
themes.json
.
themes.json
structure
Check config/themes.json.sample
to get samples.
src
- full path to themedest
- full path topub/static/[theme_area]/[theme_vendor]/[theme_name]
locale
- array of available localesparent
- name of parent themestylesDir
- (defaultstyles
) path to styles directory. Fortheme-blank-sass
it'sstyles
. By default Magento 2 useweb/css
.disableSuffix
- disable adding.min
suffix using--prod
flag.postcss
- (deafult["plugins.autoprefixer()"]
) PostCSS plugins config. Have to be an array.modules
- list of modules witch you want to map inside your themeignore
- array of ignore patterns
watcher.json
structure
Check config/watcher.json.sample
to get samples.
usePolling
- set this totrue
to successfully watch files over a network (i.e. Docker or Vagrant) or when your watcher dosen't work well. Warining, enabling this option may lead to high CPU utilization! chokidar docs
Optional configurations for 3rd party plugins
You will find sample config files for theses plugins in vendor/snowdog/frontools/config
directory.
- Create browserSync configuration
- Create eslint configuration
- Create sass-lint configuration
- Create stylelint configuration
- Create svg-sprite configuration
Tasks list
babel
- Run Babel, a compiler for writing next generation JavaScript.--theme name
- Process single theme.--prod
- Production output - minifies and uglyfy code.
clean
- Removes/pub/static
directory content.csslint
- Run stylelint based tests.--theme name
- Process single theme.--ci
- Enable throwing errors. Useful in CI/CD pipelines.
default
- typegulp
to see this readme in console.dev
- Runs browserSync andinheritance
,babel
,styles
,watch
tasks.--theme name
- Process single theme.--disableLinting
- Disable SASS and CSS linting.--disableMaps
- Toggles source maps generation.
eslint
- Watch and run eslint on specified JS file.--file fileName
- You have to specify what file you want to lint, fileName without .js.
inheritance
- Create necessary symlinks to resolve theme styles inheritance and make the base for styles processing. You have to run in before styles compilation and after adding new files.sasslint
- Run sass-lint based tests.--theme name
- Process single theme.--ci
- Enable throwing errors. Useful in CI/CD pipelines.
setup
- Creates a convenient symlink from/tools
to/vendor/snowdog/frontools
and copies all sample files if no configuration exists.--symlink name
- If you don't want to usetools
as the symlink you can specify another name.
styles
- Use this task to manually trigger styles processing pipeline.--theme name
- Process single theme.--disableMaps
- Toggles source maps generation.--prod
- Production output - minifies styles and add.min
sufix.--ci
- Enable throwing errors. Useful in CI/CD pipelines.
svg
- Run svg-sprite to generate SVG sprite.--theme name
- Process single theme.
watch
- Watch for style changes and run processing tasks.--theme name
- Process single theme.--disableLinting
- Disable SASS and CSS linting.--disableMaps
- Enable inline source maps generation.
All versions of frontools with dependencies
PHP Build Version
Package Version
No informations.
The package envoy/frontools contains the following files
Loading the files please wait ....