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/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico"> <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> <script src="vendor.uhk.js"></script>
</head> </head>
<body> <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 = { module.exports = {
entry: { entry: {
app: ['core-js', 'zone.js', './src/main.ts'], polyfills: './src/polyfills.ts',
vendor: ['jquery', 'bootstrap', 'select2'] vendor: './src/vendor.ts',
app: './src/main.ts'
}, },
output: { output: {
path: rootDir + "/dist", path: rootDir + "/dist",
@@ -76,7 +77,9 @@ module.exports = {
$: "jquery", $: "jquery",
jQuery: "jquery" jQuery: "jquery"
}), }),
new CommonsChunkPlugin("commons.chunk.js") new CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
})
] ]
} }