从 node_modules 编译 SASS 和 @import答案

【问题标题】：Compile SASS and @import from node_modules从 node_modules 编译 SASS 和 @import
【发布时间】：2018-07-01 01:09:20
【问题描述】：

我尝试将 sass 编译为 css 并从 node_modules/purecss/build/pure.css 导入 css 文件，因此我的 sass 文件如下所示：

@import '~purecss/build/pure.css';

我的 package.json 是

{
  "name": "build_test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build:sass": "node-sass --include-path=node_modules Private/Stylesheets/main.scss Public/Style/main.css",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.28.9",
    "purecss": "^1.0.0"
  }
}

我已经用--include-path=node_modules 和--include-path node_modules 和--include-paths node_modules 尝试过，但它不起作用？

有人有想法吗？

【问题讨论】：

如果您的 webpack 找不到您的文件，您的解决方案是正确的（例如我的：@import "~prismjs/themes/prism.css";） - 检查其路径中的拼写错误

标签： node.js sass node-sass

【解决方案1】：

你需要一个进口商。

对于您与~ 一起使用的格式，您可以使用node-sass-package-importer。然后使用 --importer 标志运行 sass，如下所示：

node-sass --importer node_modules/node-sass-package-importer/dist/cli.js source/app.sass dest/app.css

没有~ 的另一个选项是node-sass-import。代码是：

node-sass --importer node_modules/node-sass-import source/app.sass dest/app.css

【讨论】：