Create polyfills and vendor chunks in a proper way
This commit is contained in:
@@ -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
2
src/polyfills.ts
Normal file
@@ -0,0 +1,2 @@
|
||||
import 'core-js/es7/reflect';
|
||||
import 'zone.js/dist/zone';
|
||||
19
src/vendor.ts
Normal file
19
src/vendor.ts
Normal 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';
|
||||
@@ -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']
|
||||
})
|
||||
]
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user