Насколько правильно подключать сторонние скрипты в App.vue используя Vue CLI?

Question

[dicem]

Только что прошел собеседование, был вопрос касательно моего тестового задания.
В корневом компоненте App.vue была следующая картина:

<script src="./assets/bootstrap/js/bootstrap.min.js"></script>
<script>
	Date.prototype.yyyymmdd = function() {
		var mm = this.getMonth() + 1
		var dd = this.getDate()
		return [this.getFullYear(),
			( mm > 9 ? '' : '0' ) + mm,
			( dd > 9 ? '' : '0' ) + dd
		].join('')
	}
	
	export default {
		data() {
			return {
				menuShow: false,
				linkMenu: [
					{ title: 'Home', url: '/' },
					{ title: 'All Tasks', url: '/tasks' }
				]
			}
		}
	}
</script>

Был вопрос следующий "Насколько правильно подключение бутстраповского скрипта и подключение метода объекта Date внутри компонента App.vue?"

Answer 1

[lavezzi1]

На мой взгляд, правильно было бы установить bootstrap через npm, заимпортить его в main.js и там же сделать какие то глобальные настройки.

Comments

[dicem]

В целом у меня была в голове такая мысль, а что если у меня собственный скрипт в виде одного файла, мне нужно его также получается выгрузить в качестве npm пакета и через npm же внедрять его?

[lavezzi1]

dicem, да

[dicem]

lavezzi1, оххххх щит, ок я тебя понял, спасибо за разъяснение, если не против я подожду еще какие нибудь ответы если будут конечно и отмечу тебя.

[nvdfxx]

dicem, Нет, конечно, просто пишете эту функцию в виде плагина/фильтра, а потом в main.js через vue.use/filter подключаете, не нужен вам никакой npm для этого

[lavezzi1]

dicem, похоже я вас с первого раза не правильно понял. Действительно, скрипты написанные вами во vue проекте вы можете подключать где угодно прям из проекта. В npm выгружать не нужно.

[dicem]

lavezzi1, хммм, а вот мне вот этот вопрос задали на собеседовании с таким знаете укором что ли, мол так делать нельзя. Хотя по сути какая разница если вебпак все организует по красоте. Или не организует?