package.json
8.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
{
"_args": [
[
{
"raw": "postcss-load-plugins@^2.3.0",
"scope": null,
"escapedName": "postcss-load-plugins",
"name": "postcss-load-plugins",
"rawSpec": "^2.3.0",
"spec": ">=2.3.0 <3.0.0",
"type": "range"
},
"D:\\100-Projects\\100-AIAHTML5\\400-SOURCECODE\\AIAHTML5.Admin\\node_modules\\postcss-load-config"
]
],
"_from": "postcss-load-plugins@>=2.3.0 <3.0.0",
"_id": "postcss-load-plugins@2.3.0",
"_inCache": true,
"_location": "/postcss-load-plugins",
"_nodeVersion": "7.5.0",
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/postcss-load-plugins-2.3.0.tgz_1486950203186_0.43530098744668067"
},
"_npmUser": {
"name": "michael-ciniawsky",
"email": "michael.ciniawsky@gmail.com"
},
"_npmVersion": "4.1.2",
"_phantomChildren": {},
"_requested": {
"raw": "postcss-load-plugins@^2.3.0",
"scope": null,
"escapedName": "postcss-load-plugins",
"name": "postcss-load-plugins",
"rawSpec": "^2.3.0",
"spec": ">=2.3.0 <3.0.0",
"type": "range"
},
"_requiredBy": [
"/postcss-load-config"
],
"_resolved": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz",
"_shasum": "745768116599aca2f009fad426b00175049d8d92",
"_shrinkwrap": null,
"_spec": "postcss-load-plugins@^2.3.0",
"_where": "D:\\100-Projects\\100-AIAHTML5\\400-SOURCECODE\\AIAHTML5.Admin\\node_modules\\postcss-load-config",
"author": {
"name": "Michael Ciniawky",
"email": "michael.ciniawsky@gmail.com"
},
"bugs": {
"url": "https://github.com/michael-ciniawsky/postcss-load-plugins/issues"
},
"contributors": [
{
"name": "Mateusz Derks",
"url": "http://ertrzyiks.me"
},
{
"name": "Diogo Franco",
"email": "diogomfranco@gmail.com"
}
],
"dependencies": {
"cosmiconfig": "^2.1.1",
"object-assign": "^4.1.0"
},
"description": "Autoload Plugins for PostCSS",
"devDependencies": {
"ava": "^0.18.1",
"coveralls": "^2.11.16",
"cssnano": "^3.10.0",
"jsdoc-to-markdown": "^3.0.0",
"nyc": "^10.1.0",
"postcss": "^5.2.12",
"postcss-cssnext": "^2.8.0",
"postcss-import": "^9.1.0",
"postcss-nested": "^1.0.0",
"postcss-sprites": "^4.2.0",
"standard": "^8.6.0",
"standard-changelog": "0.0.1",
"sugarss": "^0.2.0"
},
"directories": {},
"dist": {
"shasum": "745768116599aca2f009fad426b00175049d8d92",
"tarball": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz"
},
"engines": {
"node": ">=0.12"
},
"files": [
"lib",
"index.js"
],
"gitHead": "18d08099ad6df882a9b7c5f6cdb69aab5831cedd",
"homepage": "https://github.com/michael-ciniawsky/postcss-load-plugins#readme",
"keywords": [
"postcss",
"postcss-plugin"
],
"license": "MIT",
"main": "index.js",
"maintainers": [
{
"name": "trysound",
"email": "trysound@yandex.ru"
}
],
"name": "postcss-load-plugins",
"optionalDependencies": {},
"readme": "[![npm][npm]][npm-url]\n[![node][node]][node-url]\n[![deps][deps]][deps-url]\n[![tests][tests]][tests-url]\n[![coverage][cover]][cover-url]\n[![code style][style]][style-url]\n[![chat][chat]][chat-url]\n\n<div align=\"center\">\n <img width=\"100\" height=\"100\" title=\"Load Plugins\" src=\"http://michael-ciniawsky.github.io/postcss-load-plugins/logo.svg\">\n <a href=\"https://github.com/postcss/postcss\">\n <img width=\"110\" height=\"110\" title=\"PostCSS\" src=\"http://postcss.github.io/postcss/logo.svg\" hspace=\"10\">\n </a>\n <h1>Load Plugins</h1>\n</div>\n\n<h2 align=\"center\">Install</h2>\n\n```bash\nnpm i -D postcss-load-plugins\n```\n\n<h2 align=\"center\">Usage</h2>\n\n```\nnpm i -S|-D postcss-plugin\n```\n\nInstall plugins and save them to your ***package.json*** dependencies/devDependencies.\n\n### `package.json`\n\nCreate **`postcss`** section in your projects **`package.json`**.\n\n```\nApp\n |– client\n |– public\n |\n |- package.json\n```\n\n```json\n{\n \"postcss\": {\n \"plugins\": {\n \"postcss-plugin\": {}\n }\n }\n}\n```\n\n### `.postcssrc`\n\nCreate a **`.postcssrc`** file.\n\n```\nApp\n |– client\n |– public\n |\n |- (.postcssrc|.postcssrc.json|.postcssrc.yaml)\n |- package.json\n```\n\n**`JSON`**\n```json\n{\n \"plugins\": {\n \"postcss-plugin\": {}\n }\n}\n```\n\n**`YAML`**\n```yaml\nplugins:\n postcss-plugin: {}\n```\n\n### `postcss.config.js` or `.postcssrc.js`\n\nYou may need some JavaScript logic to generate your config. For this case you can use a file named **`postcss.config.js`** or **`.postcssrc.js`**.\n\n```\nApp\n |– client\n |– public\n |\n |- (postcss.config.js|.postcssrc.js)\n |- package.json\n```\n\nPlugins can be loaded in either using an `{Object}` or an `{Array}`.\n\n##### `{Object}`\n\n```js\nmodule.exports = (ctx) => ({\n plugins: {\n 'postcss-plugin': ctx.plugin\n }\n})\n```\n\n##### `{Array}`\n\n```js\nmodule.exports = (ctx) => ({\n plugins: [\n require('postcss-plugin')(ctx.plugin)\n ]\n})\n```\n\n<h2 align=\"center\">Options</h2>\n\nPlugin **options** can take the following values.\n\n**`{}`: Plugin loads with defaults**\n\n```js\n'postcss-plugin': {} || null\n```\n\n> :warning: `{}` must be an **empty** object\n\n**`{Object}`: Plugin loads with options**\n\n```js\n'postcss-plugin': { option: '', option: '' }\n```\n\n**`false`: Plugin will not be loaded**\n\n```js\n'postcss-plugin': false\n```\n\n### Order\n\nPlugin **order** is determined by declaration in the plugins section.\n\n```js\n{\n plugins: {\n 'postcss-plugin': {}, // plugins[0]\n 'postcss-plugin': {}, // plugins[1]\n 'postcss-plugin': {} // plugins[2]\n }\n}\n```\n\n### Context\n\nWhen using a function `(postcss.config.js)`, it is possible to pass context to `postcss-load-plugins`, which will be evaluated before loading your plugins. By default `ctx.env (process.env.NODE_ENV)` and `ctx.cwd (process.cwd())` are available.\n\n<h2 align=\"center\">Examples</h2>\n\n**`postcss.config.js`**\n\n```js\nmodule.exports = (ctx) => ({\n plugins: {\n postcss-import: {},\n postcss-modules: ctx.modules ? {} : false,\n cssnano: ctx.env === 'production' ? {} : false\n }\n})\n```\n\n### <img width=\"80\" height=\"80\" src=\"https://worldvectorlogo.com/logos/nodejs-icon.svg\">\n\n```js\nconst { readFileSync } = require('fs')\n\nconst postcss = require('postcss')\nconst pluginsrc = require('postcss-load-plugins')\n\nconst css = readFileSync('index.css', 'utf8')\n\nconst ctx = { modules: true }\n\npluginsrc(ctx).then((plugins) => {\n postcss(plugins)\n .process(css)\n .then((result) => console.log(result.css))\n})\n```\n\n<h2 align=\"center\">Maintainers</h2>\n\n<table>\n <tbody>\n <tr>\n <td align=\"center\">\n <img width=\"150\" height=\"150\"\n src=\"https://github.com/michael-ciniawsky.png?v=3&s=150\">\n <br>\n <a href=\"https://github.com/michael-ciniawsky\">Michael Ciniawsky</a>\n </td>\n <td align=\"center\">\n <img width=\"150\" height=\"150\"\n src=\"https://github.com/ertrzyiks.png?v=3&s=150\">\n <br>\n <a href=\"https://github.com/ertrzyiks\">Mateusz Derks</a>\n </td>\n </tr>\n </tbody>\n</table>\n\n<h2 align=\"center\">Contributors</h2>\n\n<table>\n <tbody>\n <tr>\n <td align=\"center\">\n <img width=\"150\" height=\"150\"\n src=\"https://github.com/Kovensky.png?v=3&s=150\">\n <br>\n <a href=\"https://github.com/Kovensky\">Diogo Franco</a>\n </td>\n </tr>\n </tbody>\n</table>\n\n\n[npm]: https://img.shields.io/npm/v/postcss-load-plugins.svg\n[npm-url]: https://npmjs.com/package/postcss-load-plugins\n\n[node]: https://img.shields.io/node/v/postcss-load-plugins.svg\n[node-url]: https://nodejs.org/\n\n[deps]: https://david-dm.org/michael-ciniawsky/postcss-load-plugins.svg\n[deps-url]: https://david-dm.org/michael-ciniawsky/postcss-load-plugins\n\n[tests]: http://img.shields.io/travis/michael-ciniawsky/postcss-load-plugins.svg\n[tests-url]: https://travis-ci.org/michael-ciniawsky/postcss-load-plugins\n\n[cover]: https://coveralls.io/repos/github/michael-ciniawsky/postcss-load-plugins/badge.svg\n[cover-url]: https://coveralls.io/github/michael-ciniawsky/postcss-load-plugins\n\n[style]: https://img.shields.io/badge/code%20style-standard-yellow.svg\n[style-url]: http://standardjs.com/\n\n[chat]: https://img.shields.io/gitter/room/postcss/postcss.svg\n[chat-url]: https://gitter.im/postcss/postcss\n",
"readmeFilename": "README.md",
"repository": {
"type": "git",
"url": "git+https://github.com/michael-ciniawsky/postcss-load-plugins.git"
},
"scripts": {
"clean": "rm -rf .nyc_output coverage jsdoc-api dmd",
"docs": "jsdoc2md index.js lib/plugins.js > INDEX.md",
"lint": "standard",
"logs": "standard-changelog -i CHANGELOG.md -w",
"start": "sudo npm run clean && npm run lint && sudo npm test",
"test": "nyc ava -v test/err/index.js test/rc/index.js test/pkg/index.js test/js/**/index.js"
},
"version": "2.3.0"
}