从包含sass的node_modules导入文件夹会抛出无效或意外的令牌

时间:2020-07-02 14:00:36

标签: webpack sass

所以我有一个Nuxt应用程序(不相关),并且在插件中,我正在导入一个导入,如下所示: import preset from 'preset-folder/preset',其中preset-folder是从属。 preset-folder/preset内有三个文件:

  • index.js
  • overrides.scss
  • variables.sass

index.js需要overrides.scssoverrides.scss导入variables.sass

当我尝试做import preset from ...时会引发以下错误: Invalid or unexpected token,显然是因为它不希望@文件中包含overrides.scss

这是我的webpack配置,很可能是问题所在:

    extend(config, ctx) {
            config.plugins.push(new VuetifyLoaderPlugin()),
            config.module.rules.push({
                test: /\.s(c|a)ss$/,
                include: [],
                use: [
                    'vue-style-loader',
                    'css-loader',
                    {
                        loader: 'sass-loader',
                        options: { // sass-loader@^8.0.0
                            implementation: require('sass'),
                            sassOptions: {
                                fiber: require('fibers'),
                                indentedSyntax: true // optional
                            },
                        },
                    },
                ],
            });
        }

有什么提示吗?

PS .:这是一个带有Vuetify的Nuxt应用程序,我试图导入我创建的预设(结构与Vuetify文档中的结构略有不同,但这没关系,因为问题不在于自行设置)

0 个答案:

没有答案