从 node_modules 编译 SASS 和 @import

Question

我尝试将 sass 编译为 css 并从中导入 css 文件，node_modules/purecss/build/pure.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