В билд не попадает часть компонентов
В билд приложения не попадают компоненты вложенные в папки components/modals и components/icons. Хотя в dev режиме все работает. Это стало происходить с определенного момента, но в файл nuxt.config.js я изменения не вносил. Папка components имеет следующую струткуру:
/components
--/icons
----IconOne.vue
----IconTwo.vue
--/modals
----ModalOne.vue
----ModalTwo.vue
--/ui
----UiCompOne.vue
----UiCompTwo.vue
--ComponentOne.vue
--ComponentTwo.vue
...
Я предполагал, что дело во вложенности, но папка ui попадает в билд. Помогите понять причину, если нужно прикреплю доп. файлы.
Файл nuxt.config.js
require('dotenv').config()
export default {
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: 'project-name',
htmlAttrs: {
lang: 'en'
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' }
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
},
loading: '@/components/MainLoader.vue',
// Global CSS: https://go.nuxtjs.dev/config-css
css: ['@/assets/styles/main.scss'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
// https://go.nuxtjs.dev/eslint
'@nuxtjs/eslint-module',
'@nuxtjs/dotenv'
],
vuetify: {
breakpoint: {
thresholds: {
xs: 375,
sm: 700,
md: 768,
lg: 992,
xl: 1200
}
}
},
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
'portal-vue/nuxt',
['@nuxtjs/vuetify', { treeShake: true }]
],
// Axios module configuration: https://go.nuxtjs.dev/config-axios
axios: {
baseURL: process.env.BASE_URL
},
server: {
host: process.env.HOST,
port: process.env.PORT
},
telemetry: false,
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
extractCSS: {
ignoreOrder: true
}
}
}
Файл package.json
{
"name": "project-name",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
"lint": "yarn lint:js"
},
"dependencies": {
"@nuxtjs/axios": "^5.12.5",
"core-js": "^3.8.2",
"js-cookie": "^2.2.1",
"nuxt": "^2.14.12",
"portal-vue": "^2.1.7"
},
"devDependencies": {
"@nuxtjs/dotenv": "^1.4.1",
"@nuxtjs/eslint-config": "^5.0.0",
"@nuxtjs/eslint-module": "^3.0.2",
"@nuxtjs/vuetify": "^1.11.3",
"babel-eslint": "^10.1.0",
"eslint": "^7.18.0",
"eslint-config-prettier": "^7.1.0",
"eslint-plugin-nuxt": "^2.0.0",
"eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-vue": "^7.4.1",
"fibers": "^5.0.0",
"prettier": "^2.2.1",
"sass": "^1.32.5",
"sass-loader": "^10.1.1"
}
}