时间戳

首页 > 解决方案 > node-sass 无法识别所有 @import

sass - node-sass 无法识别所有 @import

问题描述

我开始将我的 sass 代码组织到文件夹中。我最初开始时main.scss，我的文件夹结构如下： 在此处输入图像描述

我能够成功地将变量剪切并粘贴到abstracts/_variables.scss文件中，并将基本代码粘贴到base/_base.scss文件中，并且我已经将它们导入到我的main.scss：

@import 'abstracts/functions';
@import 'abstracts/mixins';
@import 'abstracts/variables';

@import 'base/animations';
@import 'base/base';
@import 'base/typography';
@import 'base/utilities';

@import 'components/button';

@import 'pages/home';

然而，其余的没有成功导入。我想知道我的node-sass脚本是否有问题：

"scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css -w"
  },

不知道为什么我的两个 sass 文件成功导入，而其余的则不会。

标签： sass

解决方案

让我们试试这个，我知道如果您设置正确，4.5.3 版确实可以工作。因此，请使用以下命令卸载 node-sass：

npm uninstall node-sass --save-dev

然后安装版本4.5.3；

npm install node-sass@4.5.3 --save-dev

推荐阅读