diamont1001 / reset

base style for private

reset in less

base style(less) for private

install

npm i jr-reset

require in js

require('jr-reset/wap/reset.less');
require('jr-reset/common/mixin.less');

import in less

@import '~jr-reset/wap/reset.less';
@import '~jr-reset/common/mixin.less';

实际项目中推荐使用方法(webpack)

推荐目录结构：

--project
  --base
    --mixin.less
    --reset.less
  --modules
    --header
      --index.js
      --index.less
    --xxx
      --index.js
      --index.less
  --pages
    --home
      --index.js
      --index.less

核心文件：

base/reset.less:

@import '~jr-reset/wap/reset.less';
@import './mixin.less';

// 定义自己个性化的样式，比如
body {
    font-size: 14px;
}
...

base/mixin.less

@import '~jr-reset/common/mixin.less';

// 定义自己个性化的 mixin，比如
@colorMain: #3aa7f9; // 主色调
...

modules/xxx/index.less

@import '../../base/mixin.less';

...

pages/xxx/index.less

@import '../../base/reset.less';
@import '../../base/mixin.less';

...