{"id":14670,"library":"liferay-npm-bundler-preset-create-react-app","title":"Liferay NPM Bundler Preset for Create React App","description":"The `liferay-npm-bundler-preset-create-react-app` package, currently at version 2.32.2, provides a specialized configuration preset designed to integrate applications built with Facebook's `create-react-app` into the Liferay DXP or Liferay Portal CE ecosystem. It acts as an extension for the `liferay-npm-bundler`, streamlining the process of preparing React-based applications for deployment within Liferay's module architecture. This preset addresses common challenges such as module resolution, asset management, and environment setup specific to Liferay, allowing developers to leverage `create-react-app`'s conventions while ensuring compatibility with Liferay's frontend infrastructure. The package is part of the broader `liferay-frontend-projects` monorepo, which undergoes continuous development and staggered releases for its various components.","status":"active","version":"2.32.2","language":"javascript","source_language":"en","source_url":"https://github.com/liferay/liferay-frontend-projects","tags":["javascript"],"install":[{"cmd":"npm install liferay-npm-bundler-preset-create-react-app","lang":"bash","label":"npm"},{"cmd":"yarn add liferay-npm-bundler-preset-create-react-app","lang":"bash","label":"yarn"},{"cmd":"pnpm add liferay-npm-bundler-preset-create-react-app","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"This preset configures `liferay-npm-bundler`, which must be installed in the project to function.","package":"liferay-npm-bundler","optional":false}],"imports":[],"quickstart":{"code":"npm install --save-dev liferay-npm-bundler-preset-create-react-app\n\n// Then, add the following to your .npmbundlerrc file in the project root:\n// (Example content of .npmbundlerrc)\n{\n\t\"preset\": \"liferay-npm-bundler-preset-create-react-app\",\n\t\"baseDir\": \"build\" // Often 'build' for create-react-app projects\n}\n\n// After configuration, run your bundler command (e.g., 'npm run build' if configured to use the bundler)\n// This example is illustrative; actual build steps depend on your project's package.json scripts.","lang":"json","description":"Demonstrates installation of the preset and its configuration within the `.npmbundlerrc` file."},"warnings":[],"env_vars":null,"last_verified":"2026-04-19T00:00:00.000Z","next_check":"2026-07-18T00:00:00.000Z","problems":[],"ecosystem":"npm"}