webpack只捆绑firebase /数据库而不是firebase / auth

我正在使用我的反应app中的firebase。 我只使用firebase/app和firebase/database模块，所以我只想webpack捆绑我所用的。 但是，webpack捆绑了firebase模块中的所有内容。 我不知道如何告诉webpack忽略其他模块。

我以为我的问题是

 import * as firebase from 'firebase'; 

不过，我试图只导入一些firebase的东西。

 import firebase from 'firebase/app'; import firebase from 'firebase/database'; 

但是，webpack仍然捆绑auth.js和其他未使用的模块。

这是我的webpackconfiguration文件。

 const path = require('path'); const webpack = require('webpack'); const LodashModuleReplacementPlugin = require('lodash-webpack-plugin'); const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { cache: true, entry: { main: "./src/swap.tsx", vendor: [ 'babel-polyfill', 'events', 'fbemitter', 'flux', 'react', 'react-dom' ] }, output: { filename: "[name].js", path: __dirname + "/app/assets/javascripts", chunkFilename: '[chunkhash].js' }, resolve: { extensions: [".ts", ".tsx", ".js", ".jsx"], modules: [ path.resolve(__dirname, 'src'), path.resolve(__dirname, 'node_modules') ] }, module: { rules: [{ test: /\.ts(x?)$/, exclude: /node_modules/, use: [ { loader: 'babel-loader' }, { loader: 'awesome-typescript-loader' } ] } }, plugins: [ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify('production') } }), new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.js' }), new webpack.optimize.UglifyJsPlugin(), new LodashModuleReplacementPlugin(), new BundleAnalyzerPlugin(), ] }; 

Answer 1

将firebase/app和firebase/database到您的供应商捆绑软件arrays