如何将antd引入一个html的文件中

Question

自己新建一个简单的html文件，但是想用antd，应该怎么引用呢？

 <script src="./static/antd.js"></script>
 <link rel="stylesheet" type="text/css" href="./static/antd.css"/>  

我这样引入使用不了，会报错，下面是报错的信息

Answer 1

如果想简单的话，推荐使用parcel 来打包，0配置。直接运行即可咯。

Answer 2

https://codepen.io/aqtata/pen...

https://ant.design/docs/react...

Answer 3

antd组件只能使用于react.也有人将antd改成vue可用的版本。
不可以直接用。
单个HTML直接用的话 只能配合vue使用antd。
教程在这里 https://www.antdv.com/docs/vu...

demo:

<link rel="stylesheet" type="text/css" href="./static/antd.css"/>
<div id="example">
    <a-button>{{buttonName}}</a-button>
</div>
<script src="./static/ant-design-vue.js"></script> 
<script src\="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"\></script\>
<script>
    Vue.use(Antd);
    var vm = new Vue({ 
        el: '#example',
        data: {
            buttonName: '按钮',
        },
    });
</script>

Answer 4

应该在 html 中先引入 antd 的 cdn 资源,
查找想要使用的库的 cdn 资源，可以在 jsdelivr 中查找