Skip to content

Latest commit

 

History

History
70 lines (44 loc) · 1.13 KB

README.md

File metadata and controls

70 lines (44 loc) · 1.13 KB

项目说明

该项目为小企业的组件工程

组件模块

环境

  • gulp (构建项目,生成dist文件)
  • webpack (跑项目)

项目运行

  • npm install
  • npm run demo
  • 访问http://localhost:8090/

打包

npm run build

打包文件说明

  • dui.all.css 打包了normalize、滚动条样式和组件的css
  • dui.all.min.css 上面的压缩版
  • dui.css 打包了组件的css
  • dui.min.css 上面的压缩版
  • dui.js 提供组件的JS
  • dui.min.js 上面的压缩版

如何在项目中使用

  • 传统方式

引用dist目录下的css以及js文件,写法大概如下:

<link rel="stylesheet" href="dui.css"/>
<script src="dui.js"></script>
  • es6的写法

webpack的配置如下:

{ test: /\.js$/, loader: 'babel', exclude: /node_modules(?!\/Dui)/ },

在js中只要这样写就行:

import { Modal } from 'Dui';

Modal.alert(123);

浏览器兼容

目前我只测试了chrome,所以不确定在IE下能不能兼容。有bug给我提issue吧!