Javascript 如何在Laravel中修改Vue.js包？

我安装到了我的Laravel项目中，但我想修改它，我在node_模块中找到了vue select的文件夹，它包含两个文件夹“src”和“dist”。src文件夹包含我理解并希望修改的vue组件，但当我这样做时，不会发生任何事情，即使我删除了文件。只有当我删除vue-select.js和vue-select.js.map时，才会发生一些事情，但它们写得乱七八糟。我应该采取哪些步骤来美化Vue.js包

vue-select.js.map中的内容示例

this.search,\n          loading: this.loading,\n          searching: this.searching,\n          filteredOptions: this.filteredOptions\n        };\n        return {\n          search: {\n            attributes: {\n              'disabled': this.disabled,\n              'placeholder': this.searchPlaceholder,\n              'tabindex': this.tabindex,\n              'readonly': !this.searchable,\n              'id': this.inputId,\n              'aria-autocomplete': 'list',\n              'aria-labelledby': `vs${this.uid}__combobox`,\n              'aria-controls': `vs${this.uid}__listbox`,\n              'ref': 'search',\n              'type': 'search',\n              'autocomplete': this.autocomplete,\n              'value': this.search,\n              ...(this.dropdownOpen && this.filteredOptions[this.typeAheadPointer] ? {\n                'aria-activedescendant': `vs${this.uid}__option-${this.typeAheadPointer}`\n              } : {}),\n            },\n            events: {\n              'compositionstart': () => this.isComposing = true,\n              'compositionend': () => this.isComposing = false,\n              'keydown': this.onSearchKeyDown,\n              'blur': this.onSearchBlur,\n              'focus': this.onSearchFocus,\n              'input': (e) => this.search = e.target.value,\n            },\n          },\n          spinner: {\n            loading: this.mutableLoading\n          },\n          noOptions: {\n            search: this.search,\n            loading: this.loading,\n            searching: this.searching,\n          },\n          openIndicator: {\n            attributes: {\n              'ref': 'openIndicator',\n              'role': 'presentation',\n              'class': 'vs__open-indicator',\n            },\n          },\n          listHeader: listSlot,\n          listFooter: listSlot,\n          header: { ...listSlot, deselect: this.deselect },\n          footer: { ...listSlot, deselect: this.deselect }\n        };\n      },\n\n      /**\n       * Returns an object containing the child components\n       * that will be used throughout the component. The\n       * `component` prop can be used to overwrite the defaults.\n       *\n       * @return {Object}\n       */\n      childComponents () {\n        return {\n          ...childComponents,\n          ...this.components\n        };\n      },\n\n      /**\n       * Holds the current state of the component.\n       * @return {Object}\n       */\n      stateClasses() {\n        return {\n          'vs--open': this.dropdownOpen,\n          'vs--single': !this.multiple,\n          'vs--searching': this.searching && !this.noDrop,\n          'vs--searchable': this.searchable && !this.noDrop,\n          'vs--unsearchable': !this.searchable,\n          'vs--loading': this.mutableLoading,\n          'vs--disabled': this.disabled\n        }\n      },\n\n      /**\n       * Return the current state of the\n       * search input\n       * @return {Boolean} True if non empty value\n       */\n      searching() {\n        return !! this.search\n      },\n\n      /**\n       * Return the current state of the\n       * dropdown menu.\n       * @return {Boolean} True if open\n       */\n      dropdownOpen() {\n        return this.noDrop ? false : this.open && !this.mutableLoading\n      },\n\n      /**\n       * Return the placeholder string if it's set\n       * & there is no value selected.\n       * @return {String} Placeholder text\n       */\n      searchPlaceholder() {\n        if (this.isValueEmpty && this.placeholder) {\n          return this.placeholder;\n        }\n      },\n\n      /**\n       * The currently displayed options, filtered\n       * by the search elements value. If tagging\n       * true, the search text will be prepended\n       * if it doesn't already exist.\n       *\n       * @return {array}\n       */\n      filteredOptions() {\n        const optionList = [].concat(this.optionList);\n\n        if (!this.filterable && !this.taggable) {\n          return optionList;\n        }\n\n        let options = this.search.length ? this.filter(optionList, this.search, this) : optionList;\n        if (this.taggable && this.search.length) {\n          const createdOption = this.createOption(this.search);\n          if (!this.optionExists(createdOption)) {\n            options.unshift(createdOption);\n          }\n        }\n        return options;\n      },\n\n      /**\n       * Check if there aren't any options selected.\n       * @return {Boolean}\n       */\n      isValueEmpty() {\n        return this.selectedValue.length === 0;\n      },\n\n      /**\n       * Determines if the clear button should be displayed.\n       * @return {Boolean}\n       */\n      showClearButton() {\n        return !this.multiple && this.clearable && !this.open && !this.isValueEmpty\n      },\n    },\n\n  }\n</script>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Select.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Select.vue?vue&type=template&id=6c099062&\"\nimport script from \"./Select.vue?vue&type=script&lang=js&\"\nexport * from \"./Select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Select.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import ajax from './ajax'\nimport pointer from './typeAheadPointer'\nimport pointerScroll from './pointerScroll'\n\nexport default { ajax, pointer, pointerScroll }\n","import VueSelect from './components/Select.vue'\nimport mixins from './mixins/index'\n\nexport default VueSelect\nexport { VueSelect, mixins }\n"],"sourceRoot":""}

...

this.search\n加载：this.loading\n搜索：this.search\n filteredOptions:this.filteredOptions\n}\n返回{\n搜索：{\n属性：{\n'disabled'：this.disabled、\n'placeholder'：this.searchPlaceholder、\n'tabindex'：this.tabindex、\n'readonly'：！this.searchable、\n'id'：this.inputId、\n'aria autocomplete'：'list'，\n'aria labelledby'：'vs${this.uid}__组合框“，\n“aria控件”：“vs${this.uid}\uu列表框”，\n“ref”：“search”，\n“type”：“search”，\n“autocomplete”：this.autocomplete，\n“value”：this.search，\n…（this.dropdownOpen&&this.filteredOptions[this.typeAheadPointer]？{\n'aria Active子孙'：`vs${this.uid}\u选项-${this.typeAheadPointer}`\n}:{}），\n}，\n事件：{\n'compositionstart'：（）=>this.isComposing=true，\n'compositionend'：（）=>this.isComposing=false、\n'keydown'：this.onSearchKeyDown、\n'blur'：this.onSearchBlur、\n'focus:：this.onSearchFocus、\n'input'：（e）=>this.search=e.target.value、\n}、\n微调器：{\n加载：this.mutableLoading\n}，\n选项：{\n搜索：this.search，\n加载：this.loading，\n搜索：this.search，\n}，\n openIndicator:{\n属性：{\n'ref'：'openIndicator'，\n'role'：'presentation'，\n'class'：'vs\u open indicator'，\n}，\n}、\n listHeader:listSlot、\n listFooter:listSlot、\n页眉：{…listSlot，取消选择：this.deselect}、\n页脚：{…listSlot，取消选择：this.deselect}\n}；\n}，\n\n/**\n*返回一个对象，该对象包含将在整个组件中使用的子组件。\n*`component`属性可用于覆盖默认值。\n*\n*@return{object}\n*/\n childComponents（）{\n return{\n…childComponents，\n…this.components\n}；\n}，\n\n/***\n*保存组件的当前状态。\n*@return{Object}\n*/\n stateClasses（）{\n return{\n'vs--open'：this.dropdownOpen、\n'vs--single'：！this.multiple、\n'vs--search'：this.search&&！this.noDrop、\n'vs--search'：！this.searchable、\n'vs--loading'：this.mutableLoading、\n'vs--disabled'：this.disabled\n}\n}、\n\n/**\n*返回\n*搜索输入的当前状态\n*@Return{Boolean}如果值非空\n*/\n search（）{\n Return！！this.search\n}、\n\n/**\n*返回\n*下拉菜单的当前状态。\n*@Return{Boolean}如果打开，则为True\n*/\n dropdownOpen（）{\n返回this.noDrop？如果为false:this.open&&！this.mutableLoading\n}，\n\n/***\n*如果设置了占位符字符串，则返回占位符字符串\n*&没有选择值。\n*@return{string}占位符文本\n*/\n searchPlaceholder（）{\n如果（this.isValueEmpty&&this.placeholder）{\n返回this.placeholder；\n}\n}\n}\n\n/***\n*当前显示的选项，由搜索元素值过滤。如果标记为\n*true，则搜索文本将在\n*之前加上前缀，如果它不存在。\n*\n*@return{array}\n*/\n filteredOptions（）{\n const optionList=[].concat（this.optionList）；\n\n如果（！this.filterable&&！this.taggable）{\n返回optionList；\n}\n\n让options=this.search.length？this.filter（optionList，this.search，this）：optionList；\n如果（this.taggable&&this.search.length）{\n const createdOption=this.createOption（this.search）；\n如果（！this.optionExists（createdOption））{\n options.unshift（createdOption）；\n}\n}\n}\n}\n返回选项；\n}\n\n/***\n*检查是否未选择任何选项。\n*@return{Boolean}\n*/\n isValueEmpty（）{\n return this.selectedValue.length==0；\n}，\n\n/***\n*确定是否应显示清除按钮。\n*@return{Boolean}\n*/\n showClearButton（）{\n return！this.multiple&&this.clearable&&！this.open&&！this.isValueEmpty\n}，\n}\n}\n}\n}\n“从导入mod\“-！../../node\u modules/babel loader/lib/index.js./../node\u modules/vue loader/lib/index.js？？vue loader options./Select.vue？vue&type=script&lang=js&\“导出默认模块；导出*自\”！../node\u modules/babel loader/lib/index.js./../node\u modules/vue loader/lib/index.js vue loader/lib/index.js？？vue loader options.//Select.vue-vue-vue-loader-vue-options{render，staticRenderFns}from\”/Select.vue？vue&type=template&id=6c09062&“\nimport script from\”/Select.vue？vue&type=script&lang=js&“\nexport*from\”/Select.vue？vue&type=script&lang=js&\”\nimport