Repository files navigation

Frontend build tools for AEM projects.

All-in-one solution for modern Frontend projects, with special focus onAdobe Experience Manager development (AEM). It compiles your Scss and JS source files and creates the appropriateclientLibs to be included by AEM.

Usenpm to install fe-build:

npm i @netcentric/fe-build

Add thenc-fe-build task in the scripts section of your package.json file:

"scripts": {"build":"nc-fe-build"  },

Create a directory namedsrc and put some Scss and JS files there named ".source.scss" and ".source.js".

Create a file named.febuild file one level up from where the source code directory is with the following content:

module.exports={}

Finally, run the build task:

npm run build

• Lint source code withESLint.
• Transpilation withBabel.
• core-js polyfills are automatically added when needed.
• Bundled and optimized withWebpack.
• Analyze bundles withWebpack Bundle Analyzer.

• Lint source code withStylelint.
• SASS compilation.
• Add vendor prefixes withAutoprefixer.

• Automatically createclientLibrary resources based on the source files.
• Include all generated CSS and JS files in the css.txt and js.txt files.

• Configuration
• Recommended NPM Tasks
• Quick Start
• Migrating to v4.0.0
• Contributing