ورقة غش محزم وحدات جافاسكريبت Rollup.js

Rollup هو محزم وحدات (Module Bundler) للغة JavaScript يقوم بتجميع مقاطع الكود الصغيرة في مكتبات أو تطبيقات متكاملة مع تقليم الكود الميت.

التكوين الأساسي (rollup.config.mjs)

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import terser from '@rollup/plugin-terser';

export default {
  input: 'src/index.js',
  output: [
    { file: 'dist/bundle.cjs.js', format: 'cjs' },
    { file: 'dist/bundle.esm.js', format: 'es' },
    { file: 'dist/bundle.min.js', format: 'umd', name: 'MyLibrary', plugins: [terser()] }
  ],
  plugins: [resolve(), commonjs()],
  external: ['react', 'react-dom']
};

---

صيغ المخرجات (Output Formats)

---

استخدام سطر الأوامر والإضافات الأساسية

# Bundle with configuration file
npx rollup -c

# Watch for changes and rebuild automatically
npx rollup -c -w

# Override environment variables
npx rollup -c --environment BUILD:production

• @rollup/plugin-node-resolve: Resolves third-party modules in node_modules.
• @rollup/plugin-commonjs: Converts CommonJS modules to ES6.
• @rollup/plugin-typescript: Compiles TypeScript files.
• @rollup/plugin-terser: Minifies output bundles.

---

أوراق غش ذات صلة

• Gulp.js
• package.json