Надеюсь, мой поздний ответ по-прежнему будет полезен для кого-то, потому что мне не нравятся какие-либо из вышеперечисленных вариантов.
Загрузитель веб-загрузки react-svg-loader позволяет вам для импорта значков SVG, таких как компоненты JSX:
import Logo from './logo.svg';
class App extends Component {
render() {
return (
);
}
}
и минимальная конфигурация выглядит следующим образом:
{
test: /\.svg$/,
use: [
{
loader: "babel-loader"
},
{
loader: "react-svg-loader",
options: {
jsx: true // true outputs JSX tags
}
}
]
}
. Лучшая часть состоит в том, что он просто выводит содержимое файла svg без каких-либо дополнительные обертки и dangerouslySetInnerHTML
в вашем коде.
Пришлось копаться в документации, но я нашел ее:
https://vuex.vuejs.org/en/api.html
(Ctrl + F поиск RootGetters на этой странице)
Мой код становится:
pages: (state, getters, rootState, rootGetters) => {}
Остерегайтесь того, что все rootGetters являются глобальными, и вы больше не используете его как rootState, где вы будете добавлять префикс состояния модулем имя.
Вы просто вызываете геттер из другого модуля, например, так:
rootGetters.activeFilters
Надеюсь, в будущем это поможет кому-то, кто тоже столкнется с этим.