uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Bundle 3rd party libs into seperate chunk

Browse Source
This commit is contained in:
Farkas József
2016-12-18 14:51:31 +01:00
parent 3216bb7119
commit 4ba7d712e5
3 changed files with 46 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1
View File
@@ -15,6 +15,7 @@
"@types/node": "6.0.52", "@types/node": "6.0.52",
"copy-webpack-plugin": "^4.0.1", "copy-webpack-plugin": "^4.0.1",
"electron": "1.4.12", "electron": "1.4.12",
"expose-loader": "^0.7.1",
"html-loader": "0.4.4", "html-loader": "0.4.4",
"node-sass": "^4.0.0", "node-sass": "^4.0.0",
"npm-run-all": "3.1.2", "npm-run-all": "3.1.2",
src/index.html
+3 -5
View File
@@ -6,8 +6,8 @@
<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="vendor/jquery/jquery.min.js"></script> <script src="vendor.uhk.js"></script>
</head> </head>
<body> <body>
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
@@ -25,8 +25,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<main-app></main-app> <main-app></main-app>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!-- TODO remove in near future --> <script src="app.uhk.js"></script> <!-- This should be moved to the head -->
<script src="vendor/select2/js/select2.full.min.js"></script>
<script src="uhk.js"></script>
</body> </body>
</html> </html>
src/webpack.config.js
+42 -34
View File
@@ -1,21 +1,29 @@
// var webpack = require("webpack"); var webpack = require("webpack");
var SvgStore = require('webpack-svgstore-plugin'); var SvgStore = require('webpack-svgstore-plugin');
var webpackFailPlugin = require('webpack-fail-plugin'); var webpackFailPlugin = require('webpack-fail-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin'); var CopyWebpackPlugin = require('copy-webpack-plugin');
var path = require('path'); var path = require('path');
var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
var rootDir = path.resolve(__dirname, '../'); var rootDir = path.resolve(__dirname, '../');
module.exports = { module.exports = {
entry: ['core-js', 'zone.js', './src/main.ts'], entry: {
app: ['core-js', 'zone.js', './src/main.ts'],
vendor: ['jquery', 'bootstrap', 'select2']
},
output: { output: {
path: rootDir + "/dist", path: rootDir + "/dist",
filename: "uhk.js" filename: "[name].uhk.js"
}, },
devtool: 'source-map', devtool: 'source-map',
resolve: { resolve: {
extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'], extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'],
modules: [path.join(rootDir, "node_modules")] modules: [path.join(rootDir, "node_modules")],
alias: {
jquery: 'jquery/dist/jquery.min.js',
select2: 'select2/dist/js/select2.full.min.js'
}
}, },
module: { module: {
loaders: [ loaders: [
@@ -25,7 +33,8 @@ module.exports = {
test: /\.scss$/, test: /\.scss$/,
exclude: /node_modules/, exclude: /node_modules/,
loaders: ['raw-loader', 'sass-loader'] loaders: ['raw-loader', 'sass-loader']
} },
{ test: /jquery/, loader: 'expose?$!expose?jQuery' }
] ]
}, },
plugins: [ plugins: [
@@ -38,37 +47,36 @@ module.exports = {
} }
}), }),
webpackFailPlugin, webpackFailPlugin,
new CopyWebpackPlugin([ new CopyWebpackPlugin(
{ from: './src/*.html', flatten: true }, [
{ from: './src/*.js', flatten: true }, { from: './src/*.html', flatten: true },
{ from: './src/*.js', flatten: true },
{
from: 'node_modules/font-awesome/css/font-awesome.min.css',
to: 'vendor/font-awesome/css/font-awesome.min.css'
},
{
from: 'node_modules/font-awesome/fonts',
to: 'vendor/font-awesome/fonts'
},
{
from: 'node_modules/bootstrap/dist/',
to: 'vendor/bootstrap'
},
{
from: 'images',
to: 'images'
},
],
{ {
from: 'node_modules/font-awesome/css/font-awesome.min.css',
to: 'vendor/font-awesome/css/font-awesome.min.css'
},
{
from: 'node_modules/font-awesome/fonts',
to: 'vendor/font-awesome/fonts'
},
{
from: 'node_modules/bootstrap/dist',
to: 'vendor/bootstrap'
},
{
from: 'node_modules/jquery/dist/jquery.min.*',
to: 'vendor/jquery',
flatten: true
},
{
from: 'node_modules/select2/dist',
to: 'vendor/select2'
},
{
from: 'images',
to: 'images'
},
], {
ignore: ['*.config.js'] ignore: ['*.config.js']
}) }
),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
}),
new CommonsChunkPlugin("commons.chunk.js")
] ]
} }