javascript - Node / npm：使用node-sass编译scss时找不到要导入的文件

Question

我正在尝试使用以下脚本编译我sass的：node-sasspackage.json

"node-sass": "node-sass --output-style compressed 'src/scss/styles.scss' 'dist/css/bundle.min.css'",

我的styles.scss：

@import "bourbon";
@import "neat";

body {background: red;}

但是当我运行时，npm run node-sass我收到以下错误：

  "formatted": "Error: File to import not found or unreadable: bourbon\n       Parent style sheet: /Users/deangibson/Desktop/personal_site/src/scss/styles.scss\n        on line 1 of src/scss/styles.scss\n>> @import \"bourbon\";\n   ^\n",
  "message": "File to import not found or unreadable: bourbon\nParent style sheet: /Users/deangibson/Desktop/personal_site/src/scss/styles.scss",
  "column": 1,
  "line": 1,
  "file": "/Users/deangibson/Desktop/personal_site/src/scss/styles.scss",
  "status": 1
}

我的项目结构如下所示：

当涉及到依赖关系时，节点不应该自动检查 node_modules 吗？我不明白我在这里做错了什么......

Answer 1

是的，node它会自动require从node_modules. 但是，您正在执行一个命令行应用程序node-sass，但它并没有这样做。

您可以像这样向命令行应用程序提供--include-pathnode-sass（多行以提高可读性，需要在单行中package.json）

node-sass 
  --output-style compressed 
  --include-path node_modules/bourbon/app/assets/stylesheets/ 
  --include-path node_modules/bourbon-neat/app/assets/stylesheets/ 
  'src/scss/styles.scss' 
  'dist/css/bundle.min.css'

如果您编写了一个执行的渲染 JavaScript 文件，node您可以通过在需要模块时includePath合并模块导出的数组bourbon来设置它们。