Избегайте разрешения TemplateResult в сборке webpack - PullRequest
Новая
       17

Избегайте разрешения TemplateResult в сборке webpack

0 голосов
/ 07 мая 2020

У меня есть объект, который выглядит так: 

{id: "b8ibK7", title: TemplateResult}

Когда я запускаю простой исходный код в браузере (без транспиляции), все работает нормально. Когда я запускаю сборку (результат webpack), тот же объект выглядит как 

{id: "b8ibK7", title: template_result_TemplateResult}

template_result_TemplateResult - это объект, содержащий 

{
    processor: {}
    strings: (3) ["My text", "<a href="javascript:void 0" @click="", ""> Click here</a>", raw: Array(3)]
    type: "html"
    values: (2) [48, ƒ]
}

Проблема возникает, когда я визуализирую объект . Код типа 

<div>${myObj.title}</div>

правильно отображает поле title, когда я запускаю простой js исходный код, он отображается как [object Object], когда я запускаю встроенный код.

Это моя конфигурация babel-loader в конфигурации Webpack 

{
    test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
        loader: "babel-loader",
        options: {
            presets: [[
        "@babel/preset-env",
        {
        targets: ">1%, not dead, not ie 11"
        }
            ]],
            plugins: [
        "@babel/plugin-proposal-export-default-from",
        ["@babel/plugin-proposal-class-properties", {"loose": true}]
            ]
        }
    }
}
...