Question

我正在尝试升级现有的NuxtJs项目以使用新的vuetify版本2.0。 NuxtJS使用'node-sass'包来处理正在使用的sass / scss文件。 Vuetify 2.0取决于软件包“ sass”，并要求不存在“ node-sass”软件包，以免发生冲突。

我已经尝试删除软件包“ node-sass”和许多其他可能的配置。使用软件包“ @ nuxtjs / style-resources”会使问题变得更加复杂，该软件包用于将scss文件公开给组件。该软件包似乎正在利用不需要的“ node-sass”，没有明显的选择绕过它。我得到的最接近工作结果的方法是声明一个自定义加载程序，如此处https://codesandbox.io/s/kk70v7217

所示

nuxt.config.js：

    import Fiber from "fibers";
    import Sass from "sass";

    const customSass = {
      implementation: Sass,
      fiber: Fiber
    };

...

    build: {
        loaders: {
          scss: customSass
        }
      }

当不使用'@ nuxtjs / style-resources'时，似乎已加载了scss文件，但未公开给vuetify组件，在每次出现的变量中均出现“未定义的变量$ accent-color”错误。当使用'@ nuxtjs / style-resources'公开文件时，它坚持寻找不需要的'node-sass'。

将vuetify 2.0与nuxtjs和style-resources结合使用是否有收支平衡的方法？

Answer 1

您可以使用vuetify-module。当前版本是1.0.1，并且正在使用vuetify v2

安装此模块后，可以使用vuetify来检查npm list vuetify版本

如何解决NuxtJS和Vuetify 2.0之间的scss冲突

1 个答案: