zoukankan      html  css  js  c++  java
  • [Webpack 2] Chunking common modules from multiple apps with the Webpack CommonsChunkPlugin

    If you have a multi-page application (as opposed to a single page app), you’re likely sharing modules between these pages. By chunking these common modules into a single common bundle, you can leverage the browser cache much more powerfully. In this lesson we’ll use webpack’s CommonsChunkPlugin to easily share common modules between apps.

    const webpack = require('webpack')
    const {resolve} = require('path')
    module.exports = env => {
      return {
        entry: {
          app: './js/app.js',
          animalFacts: './animal-facts/js/app.js',
        },
        output: {
          filename: 'bundle.[name].js',
          path: resolve(__dirname, 'dist'),
          pathinfo: !env.prod,
        },
        context: resolve(__dirname, 'src'),
        devtool: env.prod ? 'source-map' : 'eval',
        bail: env.prod,
        module: {
          loaders: [
            {test: /.js$/, loader: 'babel!eslint', exclude: /node_modules/},
            {test: /.css$/, loader: 'style!css'},
          ],
        },
        plugins: [
          env.test ? undefined : new webpack.optimize.CommonsChunkPlugin({
            name: 'common',
            filename: 'bundle.common.js',
            chunks: ['app', 'animalFacts']
          }),
        ].filter(p => !!p),
      }
    }
  • 相关阅读:
    神经网络回顾-感知机
    遗传算法杂记
    差分进化算法DE和粒子群算法PSO
    遗传算法GA
    Caffe学习 五 conv_layer与im2col
    Selenium
    Selenium
    Selenium
    Selenium
    Selenium
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5609157.html
Copyright © 2011-2022 走看看