vue.js - 在哪里放置 Vue 配置（在 Ionic 项目中）

Question

我正在使用 Ionic + Vue。

我想禁用 Vue 热重载。

我发现了这个：https ://vue-loader.vuejs.org/guide/hot-reload.html#usage

module: {
  rules: [
    {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
        hotReload: false // disables Hot Reload
      }
    }
  ]
}

但我不知道该放在哪里。

https://vue-loader.vuejs.org/guide/#manual-setup建议将其放入webpack.config.js，但我的项目根目录中没有此类文件。我尝试使用建议的配置添加此文件，但没有效果。

我vue.config.js在根目录下找到，并尝试在其中添加上述配置，但是当我尝试运行时出现意外配置键的错误（使用ionic serve命令行中的 , ）。

我应该把这个配置放在哪里？

更新：我尝试实施 Felipe 的建议，它自己工作，但我也有这个：config.module.rules.delete('eslint');.

当我同时使用这个和 Felipe 的建议时 - 我收到“./src/App.vue 中的错误” ionic serve，打开页面时出现更详细的错误：

我的完整vue.config.js：

标签： vue.jsionic-frameworkwebpack

Answer 1

尝试这样做：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
        .loader('vue-loader')
        .tap(options => {
          // modify the options...
          return { ...options, hotReload: false }
        })
  }
}

有关更多信息，请查看此处查看他们特别提到如何更改 vue-loader 选项的文档