node.js - 从node_modules编译SASS和@import

Question

我尝试将 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 > 但它不起作用？

有人有想法吗？

Answer 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