

webpack/es2015で開発をしているのですが、結合したファイルのサイズが6MBを超えてしまいます。  
angular-
materialのimportを外すと3MBほど減るのですが、それにしても大きすぎるのでなんとかしたいのですが、そもそもそのくらいのサイズになるのは仕方がないのでしょうか？

src

[code]

    import 'babel-polyfill';
    
    import angular from 'angular';
    import 'angular-material';
    
[/code]

webpack.config.js

[code]

    module: {
      loaders: [
        {test: /\.js$/, loader: 'babel?presets[]=es2015&plugins[]=add-module-exports', include: path.resolve('src')},
        {
          test: /\.css$/,
          loader: "style!css"
        },
        {
          test: /\.s(a|c)ss$/,
          loaders: [
            'style',
            'css?sourceMap&modules&localIdentName=[name]__[local]___[hash:base64:5]',
            'sass'
          ]
        },
        {test: /\.(|jpg|png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000'},
        {
          test: [/fontawesome-webfont\.svg/, /fontawesome-webfont\.eot/, /fontawesome-webfont\.ttf/, /fontawesome-webfont\.woff/, /fontawesome-webfont\.woff2/],
          loader: 'file?name=fonts/[name].[ext]'
        },
        {test: /\.html$/, loader: 'ng-cache?prefix=[dir]/[dir]'}
      ],
      preLoaders: [{test: /\.js$/, loader: 'eslint', include: path.resolve('src')}]
    },
    
[/code]


CC BY-SA 3.0
2016-11-25T14:11:24.550
30671
2016-11-25T14:11:24.550
19717
question
angularjs webpack es6
webpackで結合したファイルのサイズが6MBを超えてしまいます