es6引入css

假设我们有一个名为style.css的css文件

1
2
3
4
5
6
7
8
9
10
11
.default {
    cursor:null;
}

.drag {
    cursor:move;
}

.rotate {
    cursor: url('../../assets/mouse/closedhand.cur') 8 8, default;
}

在其它js文件中如何引入并使用这个css文件呢，总不能一直只使用js来编写吧

假设我们在EventManager.js文件中要使用，有两种方式引入：

1
import './style/style.css';
1
require('./style/style.css');

然后在代码中就可以直接使用了，如：

1
2
3
4
...
this._dom.className='rotate';
...
this._dom.className='drag';

此时，css的效果就出来了。