{"id":26640,"library":"webcompiler","title":"webcompiler","description":"v7.0.1 (latest, Apr 2017) — Deprecated tool that wraps Babel, ESLint, Webpack, and SASS pipeline into a zero-config CLI. Pre-configured for ES6+JSX+Flow+SASS with built-in live reload, caching, and production minification/gzip. Last released 2017; no updates for 6+ years. Superseded by create-react-app, Vite, and modern webpack-based starters. Requires Node >=6.10.2.","status":"deprecated","version":"7.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/thealjey/webcompiler","tags":["javascript","lint","typecheck","compile","package","uglify","minify","es6"],"install":[{"cmd":"npm install webcompiler","lang":"bash","label":"npm"},{"cmd":"yarn add webcompiler","lang":"bash","label":"yarn"},{"cmd":"pnpm add webcompiler","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"CJS require works but preferred import is ES module style.","wrong":"const webcompiler = require('webcompiler')","symbol":"default import","correct":"import webcompiler from 'webcompiler'"},{"note":"compile is a method on the default export, not a named export.","wrong":"const { compile } = require('webcompiler')","symbol":"compile","correct":"import webcompiler from 'webcompiler'; webcompiler.compile()"},{"note":"DevServer is a separate internal module, not exported from main index.","wrong":"import { DevServer } from 'webcompiler'","symbol":"DevServer","correct":"import DevServer from 'webcompiler/lib/dev-server'"}],"quickstart":{"code":"// Install: npm i webcompiler --save-dev\n// Create src/index.js:\nconst greet = (name) => `Hello, ${name}!`;\nexport default greet;\n// Run CLI: npx webcompiler --entry src/index.js --output dist/bundle.js\n// Or programmatically:\nimport webcompiler from 'webcompiler';\nconst result = webcompiler.compile({\n  entry: './src/index.js',\n  output: './dist/bundle.js',\n  production: process.env.NODE_ENV === 'production'\n});\nresult.then(() => console.log('Done')).catch(console.error);","lang":"javascript","description":"Compile an ES6 module to a browser bundle using webcompiler's CLI or programmatic API with zero config."},"warnings":[{"fix":"Migrate to Vite or webpack 5 with appropriate loaders.","message":"Library is no longer maintained; use modern alternatives like Vite, webpack 5, or create-react-app.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Update .babelrc to Babel 6 presets (e.g., babel-preset-env) instead of Babel 5.","message":"v7 upgraded to Babel 6, breaking any config relying on Babel 5 APIs.","severity":"breaking","affected_versions":">=7.0.0"},{"fix":"Update to >=7.0.1 or install prop-types and import explicit PropTypes.","message":"React.PropTypes deprecated in favor of prop-types package; webcompiler v7.0.1 fixed this but older versions will break.","severity":"gotcha","affected_versions":"<7.0.1"},{"fix":"Upgrade to >=6.6.0 or use webpack 3+ with sideEffects flag.","message":"Uses webpack 2 internally; tree shaking not fully functional until webpack 2.3 and react-hot-loader 3.","severity":"deprecated","affected_versions":">=6.0.0 <6.6.0"},{"fix":"Install Watchman via package manager (brew install watchman on macOS) or skip watch features.","message":"Requires Watchman installed for watch mode and DevServer; not needed for one-off builds.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Pin Flow to 0.38 or disable typecheck (webcompiler config typecheck: false).","message":"Flow integration relies on Flow <0.38; newer Flow versions break due to Interface file incompatibility.","severity":"deprecated","affected_versions":">=6.8.4"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"npm install webpack@2 --save-dev (or the version corresponding to your webcompiler release)","cause":"webcompiler expects webpack as a peer dependency; not installed automatically.","error":"Error: Cannot find module 'webpack'"},{"fix":"npm install eslint-plugin-import --save-dev or use webcompiler without linting (config lint: false)","cause":"ESLint config references removed rules; webcompiler bundles an old ESLint preset.","error":"RULES_MISSING: 'no-invalid-this' rule not found"},{"fix":"Use import webcompiler from 'webcompiler' (default) instead of import { compile } from 'webcompiler'.","cause":"Importing as named export instead of default export.","error":"TypeError: webcompiler.compile is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}