Где находится файл vue.config.js?

Я только начал изучать Vue, но просто не могу настроить среду для своего контейнера. Я использую Cloud9, и мне нужно назначить свой хост для обслуживания приложения Vue в соответствии с эта ссылка.

К сожалению, я не могу найти файл vue.config.js для этого.

Также нет указания пути в документах Vue.

"if it's present in your project root..." а если нет? Что же, пойти использовать React? :)

Версия Vue: 3.1.1


javascript frontend vue.js web-config
person mr.boris    schedule 07.11.2018    source источник
comment
Просто создайте его в главном каталоге вашего проекта (где находится ваш файл package.json)   -  person Jns    schedule 07.11.2018
comment
Возможный дубликат Vue Cli 3.0, где находится файл конфигурации?   -  person str    schedule 21.01.2019

Ответы (2)


arrow_upward
16
arrow_downward

См. документацию Vue CLI:

vue.config.js — это необязательный файл конфигурации, который будет автоматически загружен @vue/cli-service, если он присутствует в корне вашего проекта (рядом с package.json). Вы также можете использовать поле vue в package.json, но учтите, что в этом случае вы будете ограничены только значениями, совместимыми с JSON.

Файл должен экспортировать объект, содержащий параметры:

// vue.config.js
module.exports = {
    // options...
}

Так что просто создайте файл самостоятельно. Это совершенно необязательно.

person str    schedule 07.11.2018
comment
Я бы хотел, чтобы эти несколько слов also you may create this file in the root of your project manually тоже были в документах.. - person mr.boris; 07.11.2018
comment
@mr.boris Вы можете редактировать страницу на GitHub или создайте проблему по поводу вашей проблемы :) - person str; 07.11.2018

arrow_upward
2
arrow_downward

Просто создайте файл vue.config.js в корневой папке проекта.

Это очень важный файл. это поверх проекта vue. Люди обычно используют более одной страницы в старом стиле. vue.config.js — это правильное место для определения основных страниц зависимостей.

Раньше я создавал основное одностраничное приложение (pwa), но мне также нужны некоторые другие страницы. Например, страницы ошибок или проверка Google.

Вы можете изменить порт сервера разработки, включить/отключить исходную карту или конфигурацию PWA...



module.exports = {
  pages: {
    'index': {
      entry: './src/main.ts',
      template: 'public/index.html',
      title: 'Welcome to my vue generator project',
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    'bad': {
      entry: './src/error-instance.ts',
      template: 'public/bad.html',
      title: 'Error page',
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    /* Disabled - Only one time
    'googleVerify': {
      entry: './src/error-instance.ts',
      template: 'public/somelink.html',
      title: 'Error page',
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    */

  },
  devServer: {
    'port': 3000
  },
  css: {
    sourceMap: false
  },
  pwa: {
    name: 'My App',
    themeColor: '#4DBA87',
    msTileColor: '#000000',
    appleMobileWebAppCapable: 'yes',
    appleMobileWebAppStatusBarStyle: 'black',
  },
}

Для этой конфигурации вот основной файл экземпляра:

import Vue from 'vue'
import App from './App.vue'
import store from './store'

Vue.config.productionTip = false

new Vue({
  store,
  render: h => h(App, {
     props: { error: 'You can not search for assets...' }
  }),
}).$mount('#error')
person Nikola Lukic    schedule 06.07.2020