{"id":18691,"library":"protopack","title":"Protopack","description":"Protopack is a bundler for rapid prototyping built on Rollup, Babel, and PostCSS. Currently in alpha (v0.0.1-alpha.8), it offers a simple config file and an Express middleware for development. As a work-in-progress, it supports inline styles/scripts and basic HTML output, but lacks hot-reloading, image support, and custom plugin configuration. It differentiates by focusing on prototypes rather than production builds, with a minimal setup.","status":"deprecated","version":"0.0.1-alpha.8","language":"javascript","source_language":"en","source_url":"https://github.com/mariuslundgard/protopack","tags":["javascript","web","bundler","prototype","preprocessing"],"install":[{"cmd":"npm install protopack","lang":"bash","label":"npm"},{"cmd":"yarn add protopack","lang":"bash","label":"yarn"},{"cmd":"pnpm add protopack","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Bundling engine","package":"rollup","optional":false},{"reason":"JavaScript transpilation via Babel","package":"@babel/core","optional":false},{"reason":"CSS processing","package":"postcss","optional":false}],"imports":[{"note":"ESM import only; CJS require works but is non-standard for this package.","wrong":"const build = require('protopack').build","symbol":"build","correct":"import { build } from 'protopack'"},{"note":"ESM import recommended; CJS require also works.","wrong":"const { middleware } = require('protopack')","symbol":"middleware","correct":"import { middleware } from 'protopack'"}],"quickstart":{"code":"// .protopack.config.js\nmodule.exports = {\n  input: './src/index.html',\n  output: './dist/index.html'\n}\n\n// Run: NODE_ENV=production npx protopack build","lang":"javascript","description":"Shows minimal configuration and build command for a prototype using Protopack."},"warnings":[{"fix":"Use a production-grade bundler like webpack or Rollup for production apps.","message":"Prototype bundler only; not suitable for production builds or complex applications.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Place .protopack.config.js in the root directory of your project.","message":"Configuration file must be in project root; no support for custom paths.","severity":"breaking","affected_versions":">=0.0.1"},{"fix":"Switch to Rollup directly or use Vite for prototyping.","message":"Package is labeled as work-in-progress and has not seen updates; consider it deprecated.","severity":"deprecated","affected_versions":">=0.0.1"},{"fix":"Prefix the build command with NODE_ENV=production.","message":"NODE_ENV must be set to 'production' for build to work correctly.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install protopack --save-dev' in your project directory.","cause":"Missing local installation or incorrect import path.","error":"Error: Cannot find module 'protopack'"},{"fix":"Use 'import { build } from 'protopack'' instead of 'import build from 'protopack''.","cause":"Using default import instead of named import.","error":"TypeError: build is not a function"},{"fix":"Create a file named '.protopack.config.js' in your project root.","cause":"Missing or misnamed config file in project root.","error":"Error: No configuration file found"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}