Exclure un module de webpack bundle

J'aimerais la même fonctionnalité comme RequireJS empty: http://requirejs.org/docs/optimization.html#empty

Mon cas d'utilisation, c'est que je comprennent jquery-migrate dans le développement, mais je tiens à exclure lors de la construction pour la production.

À l'aide de IgnorePlugin il fait juste pas inclus, et quand requireing dans le code, il jette alors un message d'erreur (Uncaught Error: Cannot find module "jquery-migrate").

Ce que j'aimerais arriver, c'est de simplement retourner indéfini, ou quelque chose du genre (comme empty: dans RequireJS). Id tiens à ne pas toucher à l'importation dans le code, il suffit de le configurer pour revenir undefined.

EDIT: à l'Aide de NormalModuleReplacementPlugin fonctionne, si je le remplacement d'un fichier vide. Mais en gardant un fichier vide autour juste pour ce me semble inutile.

OriginalL'auteur SimenB | 2015-04-22

  1. 17

    - Je utiliser le null-chargeur pour masquage des modules.
    Le noop-chargeur peut être utilisé pour un moins difficile si-sinon dans le fichier config.

    Essayer:

    rules: [{
    test: /jquery-migrate/,
    use: IS_DEV ? 'null-loader' : 'noop-loader'
}]
    Cela semblait fonctionner pour moi et je pense que les réponses OP question du meilleur. Pas de changement de code, j'ai encore un import foo fro 'excluded-module' en haut de mon code avec pas drôle if (DEV) wrapper. Imaginez require('excluded-module') fonctionne tout aussi bien.
    Note à d'autres débutants, ces chargeurs ne sont pas inclus dans webpack: npm install --save-dev null-loader && npm install --save-dev noop-loader
    Note2 - ajout de -loader à la fin du nom de chargeuse. par exemple, null-loader...
    Est-il un moyen sans les modules? J'ai juste essayé de loader: () => {} et je reçois toujours un ne peut pas résoudre l'erreur.

    OriginalL'auteur igl

  2. 5

    Vous pouvez essayer de faire un résoudre.alias dans webpack.config:

    resolve: {
    alias: {
         "jquery-migrate": process.env.NODE_ENV === 'production' ? "empty-module": "jquery-migrate"
    }
}
    Ce toujours me force à avoir un module vide qui traînent. Plus propre que NormalModuleReplacementPlugin, bien 🙂
    i-D-vide-module

    OriginalL'auteur Peter Kese

  3. 1

    Utilisation Webpack est DefinePlugin en combinaison avec la production normale des plugins (suppression des doublons et Uglify).

    Ensuite dans votre code, vous pouvez écrire:

    if(DEBUG) {
    var test = require('test');
    alert(test);
}

    Et quand il est intégré dans la production, la DEBUG sera remplacé par un littéral if(false) { ... } qui sera complètement supprimé par le uglify plug-in, donc test ne sera nécessaire que dans une version de débogage.

    Voici un exemple de tâche Grunt config pour grunt-webpack qui a development et production objectifs de la tâche:

            development: {
            devtool: "sourcemap",
            output: {
                pathinfo: true,
            },
            debug: true,
            production: false,
            plugins: [
                new webpack.DefinePlugin({
                    DEBUG: true,
                    PRODUCTION: false
                })
            ]
        },

        production: {
            plugins: [
                new webpack.DefinePlugin({
                    DEBUG: false,
                    PRODUCTION: true
                }),
                new webpack.optimize.DedupePlugin(),
                new webpack.optimize.UglifyJsPlugin({
                    output: {
                        comments: false,
                    }
                })
            ]
        },
    Je préfère la décoration de code source avec des instructions de débogage plutôt que dans l'outil de génération de scripts. Il rend beaucoup plus compréhensible pour vous-même après le retour pour le code et les autres, à essayer de comprendre où que jQuery-migrer.
    Vrai. Cela ne fonctionne pas proprement pour AMD mais, au moins, répertoriés dans l'original define appel. À l'aide d'un alias est exactement comme empty:, sauf que j'ai créer le empty module de moi-même.

    OriginalL'auteur Jonathan Dumaine