Create polyfills and vendor chunks in a proper way

This commit is contained in:
Farkas József
2016-12-23 19:57:00 +01:00
parent de364fbfa9
commit 7feafc7c3c
4 changed files with 28 additions and 4 deletions

View File

@@ -6,7 +6,7 @@
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<script src="commons.chunk.js"></script>
<script src="polyfills.uhk.js"></script>
<script src="vendor.uhk.js"></script>
</head>
<body>

2
src/polyfills.ts Normal file
View File

@@ -0,0 +1,2 @@
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';

19
src/vendor.ts Normal file
View File

@@ -0,0 +1,19 @@
import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@angular/forms';
import '@angular/router';
import 'rxjs';
import '@ngrx/core';
import '@ngrx/effects';
import '@ngrx/store';
import 'jquery';
import 'bootstrap';
import 'select2';
import 'ng2-select2';
import 'dragula';
import 'ng2-dragula';

View File

@@ -9,8 +9,9 @@ var rootDir = path.resolve(__dirname, '../');
module.exports = {
entry: {
app: ['core-js', 'zone.js', './src/main.ts'],
vendor: ['jquery', 'bootstrap', 'select2']
polyfills: './src/polyfills.ts',
vendor: './src/vendor.ts',
app: './src/main.ts'
},
output: {
path: rootDir + "/dist",
@@ -76,7 +77,9 @@ module.exports = {
$: "jquery",
jQuery: "jquery"
}),
new CommonsChunkPlugin("commons.chunk.js")
new CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
})
]
}