下载安装tui-image引入css的方式有哪些
时间: 2023-10-24 16:07:53 浏览: 108
下载安装tui-image后,可以通过以下方式引入css:
1. 在html中直接引入css文件
在html文件中使用link标签引入tui-image的css文件,例如:
```
<link rel="stylesheet" href="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css">
```
2. 在js文件中引入css文件
在js文件中使用import语句引入tui-image的css文件,例如:
```
import 'https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css';
```
3. 使用webpack等构建工具打包
使用webpack等构建工具打包时,可以在配置文件中配置tui-image的css文件,例如:
```
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
],
include: [
path.resolve(__dirname, 'node_modules/@toast-ui'),
],
},
],
},
};
```
以上是三种常见的引入tui-image的css方式,你可以根据自己的需求选择相应的方式。
阅读全文