Как использовать normalize.css с npm?

я обрабатываю свои зависимости с помощью npm, но до сих пор я использовал его в основном для кода Javascript, и я всегда импортировал установленные пакеты в свой код с полезным require().

недавно я обнаружил, что нормализовать.css можно установить с помощью npm.
В чем преимущества? Как использовать его в моем коде (оба static .html и динамический .js файлы) после установки?

13
css npm

2 ответов

parcelify действительно полезно для этого. Вы можете использовать его совместно с нормализовать.в CSS.

JS:

require('normalize.css');

затем запустите parcelify:

$ parcelify main.js -c bundle.css

вы можете добавить скрипт npm в свой package.json так что вам не нужно устанавливать parcelify глобально использовать его в своем проекте:

пакета.в JSON:

{
  "name": "your-package",
  "version": "0.0.0",
  "description": "Your package",
  "main": "main.js",
  "scripts": {
    "build": "parcelify main.js -c bundle.css"
  }
}

а потом просто сделать:

$ npm run build
4

Если вы привыкли к PostCSS в своем рабочем процессе postcss-import может быть очень полезно при этом, позволяя импортировать как локальные, так и установленные зависимости через простой @import правило.

затем PostCSS позаботится о вас, чтобы встроить правильные таблицы стилей.

например, использовать normalize.css как в вопросе:

@import "normalize.css";

В некоторых основных.css вы будете затем ссылку в HTML.

единственный недостаток это нельзя явно компонентным подходом ваш CSS и выберите необходимые таблицы стилей, просто потребовав их из кода компонента.

1