Vue.js 在vue.config.js中使用模块

我试图在我的vue.config.js文件中使用以下代码，但它给我的错误是不允许使用该模块。我知道有configureWebpack和chainWebpack选项，但我不知道如何转换以下内容以使用它们。任何帮助都将不胜感激

var path = require('path');
module.exports = {
  foo:{},
  bar{},

  // Putting module in here does not work    
  module: { 
        rules: [ 
            { 
                test: /\.vue$/, 
                loader: 'vue-loader', 
                options: { 
                    loaders: { 
                        'scss': [ 
                            'vue-style-loader', 
                            'css-loader', 
                            { 
                                loader: "sass-loader", 
                                options: { 
                                    includePaths: [ 
                                        path.resolve(__dirname, "./node_modules/@syncfusion") 
                                    ] 
                                } 
                            } 
                        ] 
                    } 
                } 
            } 
        ] 
  } 
}

在我的vue文件中

<style lang="scss">
@import 'subfolder-inside-syncfusion/some-file.scss';
</style>

@导入“syncfusion/some file.scss内的子文件夹”；

链接到我找到的代码：

如果只需要包含一个全局SCSS文件，则不必这样做。要从

node_modules

导入

@syncfusion

，您可以像这样设置

vue.config.js

：

css: {
  loaderOptions: {
    sass: {
      data: `@import "~@syncfusion";`
    }
  }
}

---

有关更多信息，请参阅。

您好，感谢您的回复。我编辑了我的帖子以显示导入和找到代码的链接。我仍然会遇到错误，如“找不到要导入的文件或无法读取”。上面显示的导入是否仍然正确？确定。我以为您试图包含一个scss文件，但现在我看到您试图为syncfusion路径创建一个别名。你安装了syncfusion软件包了吗？它是否在您的

节点\u模块/@syncfusion

文件夹中？如果是，则此导入：

@import“~@syncfusion/syncfusion/some file.scss内的子文件夹”就可以工作。是的，我已经安装了该软件包。不，~不起作用。我认为这是一个bug，上面提供的代码（并在链接中详细显示）就是对它的修复。我只是不知道如何将它添加到vue.config.js文件中