如何在Vue Nuxt项目中导入整个SCSS文件夹?

廷玛

在我的公司,我们不是在Vue公司的文件编写CSS,我们更愿意做的有方式SCSS

问题是,我们最终在styles.scss创建新组件时都需要编写新的导入文件,这确实使我陷入了更大的项目中。

不久前,当我一直在开发中反应过来,我进口模块调用node-sass-glob-importerwebpack.config文件,调整了位(你可以在这里查询)和它的工作-我可以输入文件夹是这样的:@import "components/**";

在Nuxt中,我只有nuxt.config.js文件,而我迷路了。我知道如何在其中扩展一些简单的内容,但这似乎更加复杂。

node-sass-glob-importer以其他方式导入或执行相同操作有帮助吗?

巴特

如何使用https://github.com/nuxt-community/style-resources-module并且比:

export default {
  modules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: [
      './assets/yourFolder/*.scss'
    ]
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从Flash Builder项目中的链接文件夹资源中导入包?

如何在本地文件中导入数组以在 Vue 3 TypeScript 项目中使用?

如何在PHP中导入Web文件夹

是否可以在文件夹中导入* .vue文件?

如何在整个项目中搜索关键字,不包括 VsCode 中的特定文件夹?

如何在 .vue 文件中导入包

如何在Laravel项目中gzip文件夹

如何在 angular scss 项目中导入 ngx-datatable css 样式

如何从文件夹中导入选定的演示文稿?

如何简单地在Python中导入文件夹?

如何在同一文件夹中导入多个Dart文件

在Vue-CLI项目中更改公用文件夹

SCSS:如何在SCSS文件中导入Google字体?

如何在Swift项目中导入目标C头文件

如何在角度项目中导入PDFjs-dist以了解pdf文件的视口

如何在nuxt项目中使用vue插件

如何在jenkins管道中导入文件夹级共享库

如何在过去两个文件夹的反应本机中导入组件?

如何在派生自抽象类的文件夹中导入类?

如何在Android项目中忽略特定的Java文件或任何文件夹或XML文件?

如何从项目中的文件夹向collectionview添加图像?

如何永久删除 Azure VSTS 项目中的文件夹?

如何在解决方案文件夹(非物理文件夹)中的项目中创建文件

bootstrap和npm-如何在项目中仅导入“ reboot.scss”文件?

如何在项目中导入角材料?

如何在STACKBLITZ JS项目中导入真棒字体?

如何在Maven项目中导入普通枚举?

如何在scalajs项目中的“ Build.scala”中导入“ %%%”?

如何在我的Maven项目中导入FFMPEG库?