如何在@symfony/webpack-encore上加载vue-i18n-loader

Question

我在带有 webpack 和 vue-18n 的 symfony 4 应用程序上使用 Vue，工作正常。但我想把翻译放在每个 single file component

我的问题是加载 de 是加载 vue-i18n-loader 我试图加载可能的方式.... 有没有人这样做过？谢谢

我的 webpack 文件：

var Encore = require('@symfony/webpack-encore');
Encore
    .enableVueLoader(function(options) {
        //i tried to load here
    })
    // ...
    .addLoader({
        test: /\.styl$/,
        loader: 'style-loader!css-loader!stylus-loader'
    })
    ////i tried to load here with addLoader
;
//I tried to load here with module.exports
// export the final configuration
module.exports = Encore.getWebpackConfig();

Answer 1

我们需要在enableVueLoader

中设置选项

.enableVueLoader(function(options) {
   options.loaders.i18n = '@kazupon/vue-i18n-loader'
});

Answer 2

对于 Webpack 4，您需要使用以下语法：

.addRule({
    resourceQuery: /blockType=i18n/,
    type: 'javascript/auto',
    loader: '@kazupon/vue-i18n-loader',
})

如何在@symfony/webpack-encore上加载vue-i18n-loader

How to load vue-i18n-loader on @symfony/webpack-encore

symfony

vuejs2

vue-i18n