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

Question

Vuetify文件说：阻止引用 安装后，找到您的 webpack.config.js 文件，然后将下面的代码段复制到规则数组中。如果配置了现有的 sass 规则，则可能需要应用以下部分或全部更改。如果您希望利用 vuetify-loader 进行树摇动，请确保您使用的是 Webpack 的版本 >=4。您可以在A-la-carte页面上找到有关使用webpack进行设置的更多信息。// webpack.config.jsmodule.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创建了我的项目。谁能告诉我应该将指定的代码添加到何处？谢谢！webpack.config.js编辑：我需要添加上述代码的原因是我遇到了错误：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 这是导致错误的部分。如果将其删除，则错误将消失。我认为如果我将提到的代码添加到 中，它可能会解决错误，因为它是Vuetify文档中唯一我没有做的部分。否则我不知道如何解决它...v-toolbarwebpack.congif.js

Answer 1

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

Answer 2

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

import Vuetify from 'vuetify/lib'

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

请查看下面 https://vuetifyjs.com/en/getting-started/quick-start/，在那里你找到了webpack.config.js

您可以使用插件进行设置.js例如文档中的完成方式或我上面的操作方式。在我的例子中，不需要webpack.config！