Javascript 在Vuex存储中导入常量

我的Vue.js应用程序的Vuex存储区正在增长，并且变得有点混乱，其中包含大量常量。我想将这些常量拆分为单独的文件，并将它们导入我的Vuex store

store.js

。我是JavaScript新手，因此我想知道：

• 如何将这些常量存储在单独的文件中？这些文件的语法是什么
• 如何在

  store.js

  中导入这些常量？这样做的确切语法是什么

下面是my

store.js的当前内容

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export const store = new Vuex.Store({
    state: {
        graphqlUrl: 'https://localhost/listof/api/v1/graphql',
        errorObject: {
            flag: false,
            message: ''
        },

        // Data types queries
        queryGetAllDataTypes: `query getAllDataTypes {
            allSysDataTypes(orderBy: NAME_ASC) {
                nodes {
                    id
                    name
                }
            }
        }`,

        // Data for linked list & attributes drodpdown in attribute form
        // Response labels must be formatted according to Treeselect requirements
        queryGetLinkedLists: `query getAllLists {
            allSysLists(orderBy: NAME_ASC) {
                nodes {
                    id:nodeId
                    label:name
                    attributes:sysAttributesByListId {
                        children:nodes {
                            id
                            label:name
                        }
                    }
                }
            }
        }`,

        // Data for linked list & attributes drodpdown in value form
        // Response labels must be formatted according to Treeselect requirements
        queryGetLinkedListValues: `query getAllValues {
            all<GraphQlListName> {
                nodes {
                    id
                    label:<graphQlAttributeName>
                }
            }
        }`,

        // Lists queries and mutations
        queryGetAllLists: `query getAllLists{
            allSysLists(orderBy: NAME_ASC) {
                nodes {
                    id
                    name
                    description
                }
            }
        }`,

        queryGetList: `query getList($id: Int!) {
            sysListById(id: $id) {
                id
                name
                description
                tableName
                sysAttributesByListId {
                    nodes {
                        id
                        name
                        description
                        flagMandatory
                        flagUnique
                        dataTypeId
                        sysDataTypeByDataTypeId { name }
                        linkedAttributeId
                        sysAttributeByLinkedAttributeId {
                            name
                            columnName
                            listId
                            sysListByListId {
                                name
                                tableName
                            }
                        }
                        columnName
                    }
                }
            }
        }`,

        mutationCreateList: `mutation createList($sysList: SysListInput!) {
            createSysList(input: {sysList: $sysList}) {
                sysList {
                    id
                }
            }
        }`,

        mutationUpdateList: `mutation updateList($id: Int!, $sysListPatch: SysListPatch!) {
            updateSysListById(input: {id: $id, sysListPatch: $sysListPatch }) {
                sysList {
                    id
                }
            }
        }`,

        mutationDeleteList: `mutation deleteList($id: Int!) {
            deleteSysListById(input: {id: $id}){
                sysList {
                    id
                }
            }
        }`,

        // Attributes queries and mutations
        queryGetAttribute: `query getAttribute($id: Int!) {
            sysAttributeById(id: $id) {
                id
                name
                description
                flagMandatory
                flagUnique
                dataTypeId
                sysDataTypeByDataTypeId { name }
                linkedAttributeId
                sysAttributeByLinkedAttributeId {
                    name
                    listId
                    sysListByListId { name }
                }
                defaultValue
            }
        }`,

        mutationCreateAttribute: `mutation createAttribute($sysAttribute: SysAttributeInput!) {
            createSysAttribute(input: {sysAttribute: $sysAttribute}) {
                sysAttribute {
                    id
                }
            }
        }`,

        mutationUpdateAttribute: `mutation updateAttribute($id: Int!, $sysAttributePatch: SysAttributePatch!) {
            updateSysAttributeById(input: {id: $id, sysAttributePatch: $sysAttributePatch }) {
                sysAttribute {
                    id
                }
            }
        }`,

        mutationDeleteAttribute: `mutation deleteAttribute($id: Int!) {
            deleteSysAttributeById(input: {id: $id}){
                sysAttribute {
                    id
                }
            }
        }`,

        // Generic query used as template to fetch all values from a list
        queryGetAllValues: `query getAllValues {
            all<GraphQlListName> {
                nodes {
                    id
                    createdDate
                    updatedDate
                    <graphQlAttributeName>
                }
            }
        }`,

        // Generic query used as template to fetch one value from a list
        queryGetValue: `query getValue($id: Int!) {
            <graphQlListName>ById(id: $id) {
                id
                createdDate
                updatedDate
                <graphQlAttributeName>
            }
        }`,

        // Generic mutation used as template to create a new value in a list
        mutationCreateValue: `mutation createValue($<graphQlListName>: <GraphQlListName>Input!) {
            create<GraphQlListName>(input: {<graphQlListName>: $<graphQlListName>}) {
                <graphQlListName> {
                    id
                }
            }
        }`,

        // Generic mutation used as template to update a value in a list
        mutationUpdateValue: `mutation updateValue($id: Int!, $<graphQlListName>Patch: <GraphQlListName>Patch!) {
            update<GraphQlListName>ById(input: {id: $id, <graphQlListName>Patch: $<graphQlListName>Patch }) {
                <graphQlListName> {
                    id
                }
            }
        }`,

        // Generic mutation used as template to delete a value in a list
        mutationDeleteValue: `mutation deleteValue($id: Int!) {
            delete<GraphQlListName>ById(input: {id: $id}){
                <graphQlListName> {
                    id
                }
            }
        }`,
    }
});

从“Vue”导入Vue；
从“Vuex”导入Vuex；
Vue.use（Vuex）；
导出常量存储=新建Vuex.store({
声明：{
graphqlUrl:'https://localhost/listof/api/v1/graphql',
错误对象：{
国旗：错，
消息：“”
},
//数据类型查询
queryGetAllDataTypes:`query getAllDataTypes{
allSysDataTypes（订购方：名称\u ASC）{
节点{
身份证件
名称
}
}
}`,
//链表和属性的数据以属性形式下拉
//响应标签的格式必须符合Treeselect要求
QueryGetLinkedList:`query GetAllList{
所有系统列表（订购人：名称\u ASC）{
节点{
id:nodeId
标签：名称
属性：sysAttributesByListId{
子节点：节点{
身份证件
标签：名称
}
}
}
}
}`,
//链表和属性的数据以值形式下拉
//响应标签的格式必须符合Treeselect要求
queryGetLinkedListValues:`query getAllValues{
全部{
节点{
身份证件
标签：
}
}
}`,
//列出查询和突变
QueryGetAllList:`query GetAllList{
所有系统列表（订购人：名称\u ASC）{
节点{
身份证件
名称
描述
}
}
}`,
queryGetList:`queryGetList（$id:Int！）{
sysListById（id:$id）{
身份证件
名称
描述
对应表名
sysAttributesByListId{
节点{
身份证件
名称
描述
旗杆
flagUnique
数据类型ID
sysDataTypeByDataTypeId{name}
linkedAttributeId
sysAttributeByLinkedAttributeId{
名称
列名
李斯蒂德
sysListByListId{
名称
对应表名
}
}
列名
}
}
}
}`,
mutationCreateList:`mutation createList（$sysList:SysListInput！）{
createSysList（输入：{sysList:$sysList}）{
系统列表{
身份证件
}
}
}`,
mutationUpdateList:`mutationUpdateList（$id:Int！，$sysListPatch:sysListPatch！）{
updateSysListById（输入：{id:$id，sysListPatch:$sysListPatch}）{
系统列表{
身份证件
}
}
}`,
mutationDeleteList:`mutationDeleteList（$id:Int！）{
deleteSysListById（输入：{id:$id}）{
系统列表{
身份证件
}
}
}`,
//属性查询和变异
queryGetAttribute:`queryGetAttribute（$id:Int！）{
sysAttributeById（id:$id）{
身份证件
名称
描述
旗杆
flagUnique
数据类型ID
sysDataTypeByDataTypeId{name}
linkedAttributeId
sysAttributeByLinkedAttributeId{
名称
李斯蒂德
sysListByListId{name}
}
默认值
}
}`,
mutationCreateAttribute:`mutation createAttribute（$sysAttribute:SysAttributeInput！）{
createSysAttribute（输入：{sysAttribute:$sysAttribute}）{
系统属性{
身份证件
}
}
}`,
mutationUpdateAttribute:`mutationUpdateAttribute（$id:Int！，$sysAttributePath:sysAttributePath！）{
updateSysAttributeById（输入：{id:$id，sysAttributePath:$sysAttributePath}）{
系统属性{
身份证件
}
}
}`,
mutationDeleteAttribute:`mutation deleteAttribute（$id:Int！）{
deleteSysAttributeById（输入：{id:$id}）{
系统属性{
身份证件
}
}
}`,
//用作模板的通用查询，用于从列表中获取所有值
queryGetAllValues:`query getAllValues{
全部{
节点{
身份证件
创建日期
更新日期
}
}
}`,
//用作模板的通用查询，用于从列表中获取一个值
queryGetValue:`queryGetValue（$id:Int！）{
ById（id:$id）{
身份证件
创建日期
更新日期
}
}`,
//
export const cat = 'black'
export const dog = 'brown'
export const mouse = 'grey'

import * as constants from './constants'

import { cat, dog } from './constants'

const moduleA = {
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
}

const moduleB = {
  state: { ... },
  mutations: { ... },
  actions: { ... }
}

const store = new Vuex.Store({
  modules: {
    a: moduleA,
    b: moduleB
  }
})

store.state.a // -> `moduleA`'s state
store.state.b // -> `moduleB`'s state

export const state = () => ({
    example: {}
});