Download the PHP package gremo/assetic-extra without Composer
On this page you can find all versions of the php package gremo/assetic-extra. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package assetic-extra
assetic-extra
A collection of extra assetic resources to use with Symfony AsseticBundle.
Table of Contents
- Filters
- Babel
- Browserify
- CSSO
- PostCSS
- Node-sass
- Recipes
Installation
Install this library using Composer:
Filters
Note: with Symfony 3.3 you can replace
%kernel.root_dir%/..with%kernel.project_dir%for filters configuration.
The following extra filters can be configured and used in your templates.
Babel
JavaScript transpiler for node.js (https://babeljs.io).
Configuration
Options (reference)
bin: path to yourbabelbinary (default:/usr/bin/babel)retain_linespresets: astringorarrayof presets to use (preset name if installed globally, path otherwise)plugins: astringorarrayof plugins to use (plugin name if installed globally, path otherwise)compactminifiedno_babel_rcauxiliary_comment_beforeauxiliary_comment_afterparser_optsgenerator_opts
Note: Babel will look for
.babelrcfile in current asset directory and will travel up the directory tree (see Lookup behavior), unless you specify theno_babel_rcoption. This means you can put your.babelrcfile in your project root without cluttering yourconfig.yml.
Usage
Browserify
Lets you require('modules') in the browser (http://browserify.org).
Credits goes to the original author (https://github.com/kriswallsmith/assetic/pull/669), I changed it a bit and added trasforms support.
Configuration
Options
bin: path to yourbrowserifybinary (default:/usr/bin/browserify)node: path to yournodebinary (default:%assetic.node.bin%, set tonullto usebrowserifybinary instead)node_paths: paths to add to Node.js environment when usingnodeoption (default:%assetic.node.paths%)transformsastringorarrayof Browserify transform to apply
Usage
Note: there is no need to combine assets (
modules/module1.jsin the example) as long as you require yourmodule. Browserify filter will take care of combining them in the output file.Note: the
assetic:watchcommand will regenerate the assets only if you change the "main" script. Modules changes will not be monitored as they are not included in thejavascriptstag.
Example of main.js:
Example of modules/module1.js:
CSSO
CSSO (CSS Optimizer) is a CSS minifier (https://github.com/css/csso).
Configuration
Options (reference)
bin: path to yourcssobinary (default:/usr/bin/csso)commentsforce_media_mergerestructure_offusage
Usage
Tip: fast and safe options
PostCSS
A tool for transforming CSS with JavaScript (http://postcss.org).
Configuration
Options (reference)
bin: path to yourpostcssbinary (default:/usr/bin/postcss)no_map: disable the default inline sourcemapsuse: list of postcss plugins to useparser: custom postcss parserstringifier: custom postcss stringifiersyntax: custom postcss syntaxconfig: set a custom path to look for a config file
Usage
Node-sass
Parses SASS/SCSS into CSS using the LibSass bindings for node.js (https://github.com/sass/node-sass).
Configuration
Options (reference)
bin: path to yournode-sassbinary (default:/usr/bin/node-sass)import_pathsindent_typeindent_widthlinefeedoutput_styleprecisionsource_commentssource_map_locationsource_map_public_dir
Usage
Tip: Boostrap 4
Use this options for Bootstrap 4 (see package.json):
Tip: source maps
In order to generate the source maps, you'll need to specify a public accessible directory where the .map files can be placed (source_map_location) together with the base path (source_map_public_dir) which will be used when generating the urls to the mapping files:
Recipes
ES6 modules with Browserify
Write ES6 JavaScript modules using import/export style and make it work in the browser.
Problem: Browserify filter transform your source file and not your transpiled one, so it would fail at the first import or export keyword.
Solution: only use the browserify filter with babelify transform filter configuration:
Note if Browserify cannot find the babelify module, try installing it locally in your project folder and use the absolute path.
