Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript i18n网页包插件不';不能使用.tpl文件_Javascript_Backbone.js_Internationalization_Webpack_Lodash - Fatal编程技术网

Javascript i18n网页包插件不';不能使用.tpl文件

Javascript i18n网页包插件不';不能使用.tpl文件,javascript,backbone.js,internationalization,webpack,lodash,Javascript,Backbone.js,Internationalization,Webpack,Lodash,我的问题是: 我用lodash模板在主干上编写SPA(从“模板”文件夹使用它的网页包)。我尝试使用i18n网页包插件。 我的lodash模板中有按钮,我想翻译上面的文本。但我不知道怎么做,因为在这里不起作用(只有在.tpl文件中,在.js中才起作用) 我的webpack.config.js是: var webpack = require('webpack'), I18nPlugin = require("i18n-webpack-plugin"), languages = {

我的问题是:

我用lodash模板在主干上编写SPA(从“模板”文件夹使用它的网页包)。我尝试使用i18n网页包插件。 我的lodash模板中有按钮,我想翻译上面的文本。但我不知道怎么做,因为在这里不起作用(只有在.tpl文件中,在.js中才起作用)

我的webpack.config.js是:

var webpack = require('webpack'),
    I18nPlugin = require("i18n-webpack-plugin"),

    languages = {
        "en": null,
        "de": require("./resources/lang/de/interface.json"),
        "es": require("./resources/lang/es/interface.json")
    };

module.exports = Object.keys(languages).map(function(language) {
    return {
        name: language,
        entry: {
            acl: "./resources/views/js/acl/init"
        },
        output: {
            path: __dirname + "/public/profile/static/js/dist/",
            filename: language + ".[name].js"
        },
        resolve: {
            alias: {
                "backbone": __dirname + "/resources/views/js/lib/backbone/backbone",
                "jquery": __dirname + "/resources/views/js/lib/jquery/dist/jquery",
                "lodash": __dirname + "/resources/views/js/lib/lodash/lodash",
                "underscore": __dirname + "/resources/views/js/lib/lodash/lodash",
                "models": __dirname + "/resources/views/js/acl/models/",
                "collections": __dirname + "/resources/views/js/acl/collections/",
                "views": __dirname + "/resources/views/js/acl/views/",
                "routers": __dirname + "/resources/views/js/acl/routers/",

                "templates": __dirname + "/resources/views/templates/",
            }
        },
        devtool: "source-map",
        module: {
            loaders: [{
                test: /\.tpl$/,
                loader: "text",
        }]
    },
    plugins: [
        new webpack.NoErrorsPlugin(),
        new I18nPlugin(
            languages[language]
        ),
    ],
   }
});
这是我的“模板”:“dirname+”/resources/views/templates/”示例:


在结果文件(es.acl.js)中完成webpack工作后,我看到了,但我想看到Permisos

您能否在jsfiddle.com中提供一个更完整的示例,一些基本的示例来说明问题。感谢您在jsfiddle.com中提供了一个更完整的示例,这是一个显示问题的基本示例。谢谢
<h1 class="s-h4"><%= __("Permissions") { %></h1>
{
    "Permissions": "Permisos"
}