Adding Custom Loaders & Plugins

Adding Custom Loaders

Encore already comes with a variety of different loaders out of the box, but if there is a specific loader that you want to use that is not currently supported, you can add your own loader through the addLoader function. The addLoader takes any valid webpack rules config.

Encore には、すぐに使用できるさまざまなローダーがすでに付属していますが、現在サポートされていない特定のローダーを使用したい場合は、addLoader 関数を使用して独自のローダーを追加できます。 .

If, for example, you want to add the handlebars-loader, call addLoader with your loader config

たとえば、ハンドルバー ローダーを追加する場合は、ローダーの設定で addLoader を呼び出します。
1
2
3
4
 
Encore
    // ...
    .addLoader({ test: /\.handlebars$/, loader: 'handlebars-loader' })
;

Since the loader config accepts any valid Webpack rules object, you can pass any additional information your need for the loader

ローダー構成は有効な Webpack ルール オブジェクトを受け入れるため、ローダーに必要な追加情報を渡すことができます。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
Encore
    // ...
    .addLoader({
        test: /\.handlebars$/,
        loader: 'handlebars-loader',
        options: {
            helperDirs: [
                __dirname + '/helpers1',
                __dirname + '/helpers2',
            ],
            partialDirs: [
                path.join(__dirname, 'templates', 'partials')
            ]
        }
    })
;

Adding Custom Plugins

Encore uses a variety of different plugins internally. But, you can add your own via the addPlugin() method. For example, if you use Moment.js, you might want to use the IgnorePlugin (see moment/moment#2373):

Encore は内部でさまざまなプラグインを使用しています。ただし、addPlugin() メソッドを使用して独自のものを追加できます。たとえば、Moment.js を使用する場合は、IgnorePlugin を使用することをお勧めします (moment/moment#2373 を参照)。
1
2
3
4
5
6
7
8
9
10
11
 
// webpack.config.js
+ var webpack = require('webpack');

  Encore
      // ...

+     .addPlugin(new webpack.IgnorePlugin({
+         resourceRegExp: /^\.\/locale$/,
+         contextRegExp: /moment$/,
+     }))
  ;