Скомпилируйте SASS и @import из node_modules

Я пытаюсь скомпилировать 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, но это не работает?

У кого-нибудь есть идея?


node.js sass node-sass
person Gerrit    schedule 22.01.2018    source источник
comment
ваше решение правильное (например, мое: @import "~prismjs/themes/prism.css";), если ваш веб-пакет не может найти ваш файл - проверьте наличие опечаток в его пути   -  person Alexey Nikonov    schedule 13.06.2019

Ответы (1)


arrow_upward
7
arrow_downward

Вам нужен импортер.

Для формата, который вы используете с ~, вы можете использовать node-sass-package- импортер. Затем запустите sass с флагом --importer следующим образом:

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
person Aldarien    schedule 25.08.2018