{"id":20989,"library":"babel-react-rollup-starter","title":"babel-react-rollup-starter","description":"A boilerplate for web apps combining React, Babel, and Rollup. Version 7.0.0 is the latest stable release. This starter uses Rollup for bundling with Babel for transpilation, includes Browsersync for development, and enforces StandardJS linting. It provides separate configurations for development and production, with UglifyJS minification in production. Alternative to Webpack-based starters, focusing on Rollup's smaller bundle sizes and simpler configuration.","status":"active","version":"7.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/yamafaktory/babel-react-rollup-starter","tags":["javascript","Babel","Browsersync","React","Rollup","StandardJS"],"install":[{"cmd":"npm install babel-react-rollup-starter","lang":"bash","label":"npm"},{"cmd":"yarn add babel-react-rollup-starter","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-react-rollup-starter","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default import from react package.","wrong":"","symbol":"React","correct":"import React from 'react'"},{"note":"CommonJS require is not recommended for bundling with Rollup; prefer ES module import.","wrong":"const ReactDOM = require('react-dom')","symbol":"ReactDOM","correct":"import ReactDOM from 'react-dom'"},{"note":"Named import for Component class.","wrong":"import Component from 'react'","symbol":"Component","correct":"import { Component } from 'react'"}],"quickstart":{"code":"// Clone repo and install dependencies\ngit clone https://github.com/yamafaktory/babel-react-rollup-starter.git\ncd babel-react-rollup-starter\nnpm install\n\n// Start development server with live reload\nnpm start\n\n// Build for production\nnpm run build\n","lang":"javascript","description":"Cloning the template, installing dependencies, starting development with Browsersync, and building for production."},"warnings":[{"fix":"Update Node.js to version 6 or higher.","message":"Requires Node.js >=6.0.0","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Replace UglifyJS plugin with rollup-plugin-terser.","message":"Uses UglifyJS for minification; recommended to switch to Terser","severity":"deprecated","affected_versions":">=7.0.0"},{"fix":"Manually open html/index.html after build.","message":"Production build creates a single bundle in dist/ but does not automatically open browser","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Run npm run lint to check and fix issues.","message":"StandardJS linting is enforced; code must adhere to its rules or builds may fail","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run 'npm install' to install all dependencies.","cause":"Missing local rollup dependency","error":"Error: Cannot find module 'rollup'"},{"fix":"Use cross-env or update rollup config to set NODE_ENV=production.","cause":"Environment variable not set correctly in production build","error":"Error: 'NODE_ENV' is not recognized"},{"fix":"Check Browsersync config in package.json; ensure open: true or specify browser.","cause":"Browsersync open option set to false or browser not found","error":"Browsersync not opening browser"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}