70 votes

Règles vs chargeurs dans Webpack - Quelle est la différence?

Dans certains Webpack exemples, vous voyez la référence à une "règles" tableau:

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          //resolve-url-loader may be chained before sass-loader if necessary
          use: ['css-loader', 'sass-loader']
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('style.css')
    //if you want to pass in options, you can do so:
    //new ExtractTextPlugin({
    //  filename: 'style.css'
    //})
  ]
}

(https://github.com/webpack-contrib/extract-text-webpack-plugin)

Et dans d'autres, les chargeurs de tableau:

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({
                    loader: "css-loader"
                })
            },
            { test: /\.png$/, loader: "file-loader" }
        ]
    },
    plugins: [
        new ExtractTextPlugin({
            filename: "style.css",
            allChunks: true
        })
    ]
};

(https://github.com/webpack/webpack/tree/master/examples/css-bundle)

Quelle est la différence? Qui devrait être utilisé?

86voto

Chargeurs est utilisé dans Webpack 1, et les Règles dans Webpack 2. Ils disent que les "Chargeurs" dans l'avenir, il sera dépréciée en faveur de module.des règles.

Voir la Migration des Versions officielles Webpack site.

le module.chargeurs est à présent module.les règles

L'ancienne configuration du chargeur a été remplacé par un plus puissant règles le système, qui permet la configuration de chargeurs et plus. Pour des raisons de compatibilité, l'ancien module.les chargeurs de la syntaxe est toujours valide et les anciens noms sont analysées. Les nouvelles conventions de nommage sont plus faciles à comprendre et sont une bonne raison pour mettre à niveau la configuration à l'aide de le module.des règles.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X