पाठ 19 / 25

Monorepos और workspaces

Monorepo projects के लिए Webpack को configure करें।

Monorepo bundling

Monorepos एक single repo में multiple packages contain करते हैं। Webpack को workspace roots से packages को resolve करना चाहिए। Local package imports के लिए resolve.modules को configure करें।

Monorepo resolution को configure करें

Multiple workspace locations से packages को resolve करने के लिए Webpack set up करें।

module.exports = {
  resolve: {
    modules: [
      'node_modules',
      path.resolve(__dirname, '../packages'),
      path.resolve(__dirname, '../shared')
    ],
    alias: {
      '@company/ui': path.resolve(__dirname, '../packages/ui'),
      '@company/core': path.resolve(__dirname, '../packages/core')
    }
  }
};

Output:

Resolves local packages as if they're installed

Shared dependencies matter करते हैं

Monorepos में, एक ही dependency को multiple times bundle करने से avoid करें। node_modules को bundling से exclude करने के लिए externals use करें।

त्वरित जाँच

त्वरित जाँच: Monorepos के लिए resolve.modules को क्यों configure करें?

  • Node_modules के अलावा workspace locations में packages को find करने के लिए।
  • Bundling process को तेज करने के लिए।
  • Shared dependencies को compress करने के लिए।
Answer

Node_modules के अलावा workspace locations में packages को find करने के लिए। — resolve.modules Webpack को बताता है कि packages को कहाँ search करना है, local workspace packages के resolution को enable करता है।