List of loaders - liferay/liferay-js-toolkit GitHub Wiki

:warning: The contents of this wiki have been migrated to the liferay/liferay-frontend-projects monorepo and more specifically to the to the maintenance/projects/js-toolkit/docs directory. Development and updates will continue there, and this repo will be archived (ie. switched to read-only mode).

👀 Please get in contact with us (filing an issue, for example) if you have created a loader that may be of interest to the general public and want to make it appear in this list.

👀 If you want to see loaders in action, you may have a look the liferay-js-toolkit-showcase for loaders.

This list contains all loaders known to the maintainers of this project. Note that there can be loaders that are not contained in this project and thus not maintained by us (they are marked with *).

  • babel-loader: runs babel on source files. It can be used to avoid an extra build step before the bundler.

  • copy-loader: copies source files to output folder. It is useful to copy static assets to the output folder.

  • css-loader: converts a CSS file into a .js module that inserts a in the DOM when loaded. It is useful to be able to require() CSS files.

  • json-loader: generates .js modules that export the contents of an static .json file as an object. It is useful to be able to require() JSON files.

  • sass-loader: runs node-sass or sass on source files. It can be used to generate static .css files or chained before style-loader.

  • style-loader: converts a CSS file into a .js module that directly inserts the CSS contents in the DOM when loaded. It is useful to be able to require() CSS files.