如果没有 webpack.config.js 文件，如何正确安装 Vuetify？

Question

Vuetify document 说：

块引用 安装后，找到您的 webpack.config.js 文件并将下面的 sn-p 复制到规则数组中。如果您配置了现有的 sass 规则，则可能需要应用以下部分或全部更改。如果您希望使用 vuetify-loader 进行 treeshaking，请确保您的 Webpack 版本 >=4。您可以在 A-la-carte 页面上找到有关使用 webpack 进行设置的更多信息。

// webpack.config.js

module.exports = {
  rules: [
    {
      test: /\.s(c|a)ss$/,
      use: [
        'vue-style-loader',
        'css-loader',
        {
          loader: 'sass-loader',
          // Requires sass-loader@^7.0.0
          options: {
            implementation: require('sass'),
            fiber: require('fibers'),
            indentedSyntax: true // optional
          },
          // Requires sass-loader@^8.0.0
          options: {
            implementation: require('sass'),
            sassOptions: {
              fiber: require('fibers'),
              indentedSyntax: true // optional
            },
          },
        },
      ],
    },
  ],
}

但是，我的项目中没有webpack.config.js。我确实使用 webpack 创建了我的项目。
谁能告诉我应该在哪里添加指定的代码？ 谢谢！

编辑： 之所以需要添加上述代码，是因为遇到了错误：

webpack-internal:///./node_modules/vue/dist/vue.esm.js:629 [Vue warn]: Error in render: "TypeError: Cannot read property 'smAndDown' of undefined" found in ---> <VToolbar> <VCard> <StudentInfo> at src/components/StudentInfo.vue <App> at src/App.vue <Root>

我用谷歌搜索了一下，据说是因为 Vuetify 没有正确安装。
请看一下这个链接，这是我有问题的文件： https://github.com/powerseed/Test/blob/master/client/src/components/StudentInfo.vue v-toolbar 是导致错误的部分。如果你删除它，错误就会消失。
我想如果我将提到的代码添加到webpack.congif.js 中，它可能会解决错误，因为它是 Vuetify 文档中唯一我没有做的部分。不然不知道怎么解决……

Answer 1

我也很难回顾性地尝试将“vue add vuetify”添加到我的项目中。从现在开始，当我开始一个新项目时，我会从头开始安装它。如果您的项目已经在开发中，您可以尝试通过 vue GUI 进行操作，我过去曾为现有项目这样做过，并且没有遇到任何问题。

Answer 2

我使用 vuetify 的解决方案一直是在您的 src/main.js 中执行以下操作

import Vuetify from 'vuetify/lib'

Vue.use(Vuetify) //Add any theme modifications here

在您找到 webpack.config.js 的下方查看 https://vuetifyjs.com/en/getting-started/quick-start/

您可以使用 plugin.js 来设置它，就像它在文档中的完成方式或我上面所说的那样。在我的示例中，不需要 webpack.config！