Я хочу абстрагировать все строки в моем приложении в централизованный файл. Я мог сделать следующее:
strings.js:
export const MY_STRING = "foobar";
component.js:
import React, { Component } from "react";
import { MY_STRING } from "strings";
class MyComponent extends Component {
render() {
return <div>{MY_STRING}</div>
}
}
Но похоже, что это может стать медленным во время выполнения для большого количества интерполяций. Есть ли способ добавить эти строки во время сборки через веб-пакет, чтобы избежать интерполяции?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Используйте плагин Определить Webpack:
new webpack.DefinePlugin({
SOME_VARIABLE: "Hello World",
});
Однако, честно говоря, просто иметь файл strings.js нет никакого вреда, и он значительно упростит рассмотрение вашего приложения. Кроме того, как только вы начнете получать более сложные строки или создавать шаблоны строк, это нужно делать во время выполнения, и в любом случае вы получите strings.js. Было бы неинтересно разделить ваши строки между конфигурацией Webpack и strings.js.
Разве транспилятор не должен заменять
{MY_STRING}самой строкой.