从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