В последние дни у меня болит голова от этого, и это, безусловно, из-за моего отсутствия опыта. Недавно я начал использовать модули nuxt
и nuxt
.
Когда я использую команду yarn create nuxt-app my-project
, файл nuxt.config.js
заполняется module.exports
. Моя проблема в том, что когда я устанавливал определенные модули, конфигурация работала только в export default
. У меня есть, например, следующая конфигурация:
build: {
extend (config, { isDev, isClient }) {
if (isDev && isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
}
}
Эта конфигурация работает только внутри export default
, но не тогда, когда я пишу ее в module.exports
, я понятия не имею о причине.
Другой пример с head
, скажем, следующий код:
head: {
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
]
},
Когда я помещаю его в export default
, он не работает, а в module.exports
это работает. Итак, до сих пор я делаю метод проб и ошибок в зависимости от того, где он работает.
Я знаю, что в вопросе module.exports есть ссылка на экспорт по умолчанию в Node.js и ES6 * 1025. * Однако мне пока не ясно, почему некоторые вещи работают в module.exports
, а другие - в export default
.
Некоторые объяснения будут высоко оценены.