使用React + Webpack时如何使用绝对路径导入自定义scss?

bdavidxyz

在一个scss文件中,我试图导入自定义的,广泛使用的scss块(在React / SASS / Webpack堆栈中)。

这样我就可以使用共享的mixin。

假设我正在创建MyAdminButton,并且想要导入与项目的所有按钮有关的scss文件。(这是自定义的scss,而不是供应商/外部的)。

它看起来像这样:

//this actually works but it is a code smell : what if the current file moves ?
@import "../../stylesheets/_common-btn-styles.scss";

.my-admin-btn {
    // here I can use a shared mixin defined in _common-btn-styles.scss
}

这听起来不好,因为如果我的scss文件移动了,那么所有内容都将被破坏。

谢谢你的帮助

bdavidxyz

成立。实际上,您可以在webpack.config.json中配置sass-loader,如下所述:https : //github.com/jtangelder/sass-loader

这是相关的部分:

sassLoader: {
   includePaths: [path.resolve(__dirname, "./some-folder")]
}

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何解决使用绝对路径导入?

无法使用绝对路径导入

使用绝对路径导入React组件

使用baseUrl导入模块时,如何使tsc解析绝对路径?

如何在Expo和React Native中使用绝对路径导入?

开玩笑使用Webpack解析时无法检测到绝对路径

在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

配置webpack使用绝对路径而不是相对路径

使用绝对路径而不是相对路径与JetBrains WebStorm自动导入进行反应

如何在Create React App项目中避免很长的路径并使用绝对路径?

如何使用文件的绝对路径打开文件?

使用Git时,如何避免代码中的绝对路径名?

对ClassLoader使用绝对路径getResourceAsStream()

如何使用react-router v4重定向到绝对路径?

在打字稿中使用绝对路径进行导入

使用ES6语法和绝对路径导入外部模块

使用绝对路径时,如何修复cygwin中的Windows 8 Anaconda“无法打开文件”错误?

使用sshpass时找不到使用绝对路径指定的可执行文件

如何使用绝对路径而不是类路径来读取文件

PHP:使用绝对路径无法在包含/需要文件中定义变量

如何使用react-native和expo获取位于assets文件夹中的文件的绝对路径?

如何使用Python以跨平台方式检查路径是绝对路径还是相对路径?

使用Firefox geckodriver的绝对路径时,Python Selenium测试无法运行

使用绝对路径时命令没有权限

使用绝对路径进行文件访问时出现问题

使用绝对路径时,readelf在qemu chroot中失败

如何使用pathlib在Python中获取两个绝对路径之间的相对路径?

在 Angular 2 + Electron 中使用绝对路径

在绝对路径中使用通配符创建文件

TOP 榜单

热门标签

归档