PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.2

npm

178518demo

[![NPM version](https://img.shields.io/npm/v/178518demo.svg?style=flat)](https://www.npmjs.org/package/178518demo) [![node version](https://img.shields.io/badge/node.js-%3E=_8.11.3-green.svg?style=flat)](http://nodejs.org/download/) [![Build](https://img.

Published2 Aug 2018
Direct dependencies35
Transitive dependenciesNot calculated

README

Current package documentation

178518demo

NPM version node version Build NPM Count License

Install

npm i 178518demo

178518demo

React Compontent 开发规约

组件通过内容分发实现值传递，尽量避免props传递。

编译器安装

npm install -g less autoprefixer postcss-cli

npm install karma karma-jasmine -g

WebStorm配置自动编译

使用WebStorm的自动编译功能，实现对less文件的自动编译，使用postcss的autoprefixer插件实现自动补全功能。

WebStorm配置

Less

一般情况下来说，WebStorm会自动检测你电脑中是否已经安装了lessc并获取它的安装位置，然后自动帮你配置。

Less配置

WebStorm > Preference > Tools > File Watchers

$FileName$ $FileNameWithoutExtension$.css --source-map

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

Autoprefixer

打开Webstorm设置，Preferences -> Tools -> External Tools ;点击新增按钮，如图：

Autoprefixer

keymap

-u autoprefixer -o $FileDir$/$FileName$ $FileDir$/$FileName$

$ProjectFileDir$

现在打开你的WebStrom在css文件按shift+A看看会发生什么神奇的事情吧 😄

目录结构

目录规范： ├── dist # 编译过的源码,npm发布目录 ├── examples # 编译过的源码,npm发布目录 │ ├── src │ │ ├── index.html │ │ ├── index.js ├── src # 组件源码 │ ├── assets │ │ ├── index.less │ ├── index.js ├── tests # Jest测试相关 │ ├── .babelrc │ ├── .editorconfig │ ├── .gitignore │ ├── HISTORY.md # 版本历史相关 │ ├── LICENSE # 版权申明 │ ├── README.md │ ├── package.json │ ├── webpack.config # 项目开发demo的时候 需要用到的webpack

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 35

Native requirements
35 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16.4.0runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16.4.0runtime
autoprefixer
Environment
{
  "local_name": "autoprefixer",
  "alias": false,
  "peer_metadata": null
}
^9.0.2development
babel-cli
Environment
{
  "local_name": "babel-cli",
  "alias": false,
  "peer_metadata": null
}
^6.26.0development
babel-core
Environment
{
  "local_name": "babel-core",
  "alias": false,
  "peer_metadata": null
}
^6.26.3development
babel-jest
Environment
{
  "local_name": "babel-jest",
  "alias": false,
  "peer_metadata": null
}
^23.4.2development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^7.1.5development
babel-preset-env
Environment
{
  "local_name": "babel-preset-env",
  "alias": false,
  "peer_metadata": null
}
^1.7.0development
babel-preset-react
Environment
{
  "local_name": "babel-preset-react",
  "alias": false,
  "peer_metadata": null
}
^6.24.1development
babel-preset-es2015
Environment
{
  "local_name": "babel-preset-es2015",
  "alias": false,
  "peer_metadata": null
}
^6.6.0development
babel-preset-stage-2
Environment
{
  "local_name": "babel-preset-stage-2",
  "alias": false,
  "peer_metadata": null
}
^6.24.1development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^1.0.0development
enzyme
Environment
{
  "local_name": "enzyme",
  "alias": false,
  "peer_metadata": null
}
^3.3.0development
enzyme-adapter-react-16
Environment
{
  "local_name": "enzyme-adapter-react-16",
  "alias": false,
  "peer_metadata": null
}
^1.1.1development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^4.19.1development
eslint-config-airbnb
Environment
{
  "local_name": "eslint-config-airbnb",
  "alias": false,
  "peer_metadata": null
}
^17.0.0development
eslint-plugin-import
Environment
{
  "local_name": "eslint-plugin-import",
  "alias": false,
  "peer_metadata": null
}
^2.13.0development
eslint-plugin-jsx-a11y
Environment
{
  "local_name": "eslint-plugin-jsx-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.1.1development
eslint-plugin-react
Environment
{
  "local_name": "eslint-plugin-react",
  "alias": false,
  "peer_metadata": null
}
^7.10.0development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^3.2.0development
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
^0.15.0-rc.8development
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^23.4.2development
karma-sauce-launcher
Environment
{
  "local_name": "karma-sauce-launcher",
  "alias": false,
  "peer_metadata": null
}
^1.2.0development
less
Environment
{
  "local_name": "less",
  "alias": false,
  "peer_metadata": null
}
^3.0.4development
less-loader
Environment
{
  "local_name": "less-loader",
  "alias": false,
  "peer_metadata": null
}
^4.1.0development
nightwatch
Environment
{
  "local_name": "nightwatch",
  "alias": false,
  "peer_metadata": null
}
^0.9.21development
postcss-cli
Environment
{
  "local_name": "postcss-cli",
  "alias": false,
  "peer_metadata": null
}
^6.0.0development
react-test-renderer
Environment
{
  "local_name": "react-test-renderer",
  "alias": false,
  "peer_metadata": null
}
^16.4.1development
selenium-standalone
Environment
{
  "local_name": "selenium-standalone",
  "alias": false,
  "peer_metadata": null
}
^6.15.1development
snazzy
Environment
{
  "local_name": "snazzy",
  "alias": false,
  "peer_metadata": null
}
^7.1.1development
standard
Environment
{
  "local_name": "standard",
  "alias": false,
  "peer_metadata": null
}
^11.0.1development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^0.21.0development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^4.16.3development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
^3.1.0development
webpack-dev-server
Environment
{
  "local_name": "webpack-dev-server",
  "alias": false,
  "peer_metadata": null
}
^3.1.5development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-yS5IzJSybV2vBjJ11nToG/yokUr6A7twUHTqMj1o/7PtKGbrEDFq2Ab938fSp9deAZKkvMRRlb/K0kEJxcLWUg==",
  "shasum": "38550b8568fc05d2a9f2cf58c1e95e8793ae3bef",
  "tarball": "https://registry.npmjs.org/178518demo/-/178518demo-0.0.2.tgz",
  "fileCount": 19,
  "unpackedSize": 48365,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbYmyJCRA9TVsSAnZWagAA3V4P/0WpJdn3NqelDVli3zBM\n6LisvWw6FXVrE5EGMhguhIrdh+1eAPBErbEaBtLNs6PPbjDCSYGhxxGN/Lre\n3tYEeUADNEQgeBnaFR+mja5oPZWw45/fWsv6Di2CVX4BVL9eu77scot0K4xe\nioBj9knYA9mtIez43CA3AIv+ymT6CcP8TdQkxUeukzVswRdPtJTvcZn1SHAc\nGNVv5CQWKEKgJFkOMvamPHVJ8r43NLzQPbK2mxjYwpztJQXxTkv3EWPJfD3O\nYExyJAWuYXo6L+vNL0NoNihK5FakH/99XXXtLK8S2cV5zZKx0Jg2P6jX5htO\n/EHZLuG+qnEy6WKjtumK8D+7F+PhX0PcjLY4yMse3vvD1b5rSGjodts0T5EV\nHpviB8HrnUWoR6F6yTbFeZaEG7aVGvULzlBJOiJLNnFw7tvhMWUj0CpHuqS+\nkJAfFsVjn4a/2s0JQDfaHYY7UUqGcJr5yJ0Vf8ErLz0+RlF7TO7d476uz5Y5\nRudTt8/k6C4B2J71tRA9FCJ9zNCnfryVB8bFgS+SK7y1pEBj/lUl635B9m2p\nZKEPXl118AJbVLUzCSVC1376I4x/NcVlk72pvv4kfSZ/kd1DxUYWVvYKF6Px\ntpnExLx17DlRxoYwKO510ESaENB6MC+vwdGZsbuT4YBfaW+d5gNOXdh/7nI6\n7B9l\r\n=fs1y\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIHyhV8a/Mki/0wueT8ioBQzfi88aaI+krOgU7+SriHDdAiBU3y9opsMbbzJAaVnQJPAHdYaUrlAIYFXYoJf2HmHAWQ=="
    }
  ]
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 18:18 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:98abc3ffcb36c36262b58401d3f8ff4c2cec4725d40911ea33132c8d4e7b59f6

Other collected versions

0.0.11 AugView all collected versions →