Итак, это мой веб-пакет:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: {
event: './widgets/events/app.js'
},
output: {
path: './dist',
filename: '[name].widget.js'
},
target: 'web',
node: {
console: true,
fs: 'empty',
net: 'empty',
tls: 'empty'
},
externals: [
{
'cls-bluebird': true
}
],
plugins: [
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false // https://github.com/webpack/webpack/issues/1496
}
})
],
module: {
loaders: [
{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015']
}
},
{
test: /\.marko$/,
loader: 'marko-loader'
}
]
},
};
И я делаю:
"scripts": { "build": "виджеты eslint && помощники eslint && webpack", "prod": "виджеты eslint && помощники eslint && webpack -p --optimize-minimize" },
Когда я делаю npm run prod
, а затем делаю ls -lah
в каталоге dist/
, я вижу:
ls -lah
total 2704
drwxr-xr-x 3 AdamBalan staff 102B 17 Feb 13:28 .
drwxr-xr-x 13 AdamBalan staff 442B 28 Feb 12:12 ..
-rw-r--r-- 1 AdamBalan staff 1.3M 7 Mar 16:05 event.widget.js
1,3 мб это многовато. Я использую такие вещи, как moment js
, lodash
и пару других библиотек. Есть ли способ уменьшить этот файл? Какие еще оптимизации мне не хватает?
Кто-то упомянул концепцию встряхивания дерева, но в каждом посте в блоге говорится об этом, но на самом деле не говорится, как это сделать.
Идеи?