所以我有一个Nuxt应用程序(不相关),并且在插件中,我正在导入一个导入,如下所示:
import preset from 'preset-folder/preset'
,其中preset-folder
是从属。
preset-folder/preset
内有三个文件:
index.js
需要overrides.scss
和overrides.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文档中的结构略有不同,但这没关系,因为问题不在于自行设置)