Question

我刚刚开始学习Vue，但是我根本无法为我的容器设置环境。我使用Cloud9，我必须根据this link分配主机以服务Vue应用。

很遗憾，我找不到vue.config.js文件来执行此操作。

Vue docs中也没有路径指示。

"if it's present in your project root..."，但是如果没有呢？无论如何，请使用React？：）

Vue版本：3.1.1

Answer 1

vue.config.js是一个可选的配置文件，它将自动   如果项目根目录中存在@vue/cli-service，则由package.json加载（下一个   到package.json）。您也可以使用// vue.config.js module.exports = { // options... }中的vue字段，但是   请注意，在这种情况下，您将只能使用兼容JSON的值

文件应导出包含选项的对象：
Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/spark/internal/Logging
at java.lang.ClassLoader.defineClass1(Native Method)
at java.lang.ClassLoader.defineClass(ClassLoader.java:763)
at java.security.SecureClassLoader.defineClass(SecureClassLoader.java:142

因此，您可以自己创建文件。这是完全可选的。

Answer 2

只需在项目的ROOT文件夹中创建文件vue.config.js即可。

它非常重要的文件。它在vue项目之上。人们通常使用旧的流行风格的一页以上。 vue.config.js是定义主要依赖项页面的正确位置。

我曾经创建主sigle-page应用程序（pwa），但我也需要其他一些页面。例如错误页面或Google验证。

您可以更改dev服务器端口，启用/禁用sourceMap或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')

“ vue.config.js”文件在哪里？

2 个答案: