मैं कोणीय 2 ऐप पर वेबपैक के साथ कोड स्प्लिटिंग कैसे करूं?

Question

मैं इस तरह एक ऐप्लिकेशन संरचना है:

├── /dashboard 
│ ├── dashboard.css 
│ ├── dashboard.html 
│ ├── dashboard.component.ts 
│ ├── dashboard.service.ts 
│ ├── index.ts 
├── /users 
│ ├── users.css 
│ ├── users.html 
│ ├── users.component.ts 
│ ├── users.service.ts 
│ ├── index.ts 
├── /login 
│ ├── login.css 
│ ├── login.html 
│ ├── login.component.ts 
│ ├── login.service.ts 
│ ├── index.ts 
├── app.component.ts 
├── app.module.ts 
├── app.routes.ts 
├── app.styles.css 

और मैं कुछ इस तरह में अपने एप्लिकेशन विभाजित कोड करने के लिए करना चाहते हैं:

├── dashboard.js 
├── users.js 
├── login.js 
├── app.js 

मुझे लगता है मैं यह कैसे कर सकते हैं का एक उदाहरण खोजने के लिए नहीं कर पा रहे वेबपैक के साथ। तो 2 प्रश्न। क्या यह किया जा सकता है? और, यह कैसे किया जा सकता है?

किसी भी लीड या सहायता की सराहना की जाएगी। मैं आज सुबह यह शोध कर रहा हूं।

कोणीय दस्तावेज इसे here सुझाता है, लेकिन कोई उदाहरण या ट्यूटोरियल जो मुझे मिल सकता है। तो यह संभव है, फिर भी कोई नहीं जानता कि यह कैसे करें?

आप webpack विन्यास here

Answer 1

आप

entry: { 
    'dashboard': './src/dashboard/index.ts', 
    'users': './src/users/index.ts', 
    'login': './src/login/index.ts', 
    'app': './src/app.module.ts' 
} 

उनमें से हर एक एक प्रवेश बिंदु के रूप में डाल करने के लिए और उसके बाद सुनिश्चित करें कि कोई कोड विभिन्न प्रवेश बिंदुओं सेट भर में नकल है करना होगा पा सकते हैं उन्हें कॉमन्स चंक प्लगइन में। क्रम महत्वपूर्ण कोड अनुप्रयोग में सामना करना पड़ा है और बाद में डैशबोर्ड में भी महत्वपूर्ण या उपयोगकर्ताओं को केवल पिछले एक यह मौजूद है/में आवश्यक में दिखाई देगा

plugins: [ 
    new webpack.optimize.CommonsChunkPlugin({ 
     name: ['app', 'dashboard', 'login', 'users'] 
    }) 
] 

आप यहां से कुछ प्रेरणा प्राप्त कर सकते हैं:। https://angular.io/docs/ts/latest/guide/webpack.html#!#common-configuration