首页 > 解决方案 > vue js 使用 npm 模块作为内联脚本

问题描述

我没有使用 webpack,我将 vue 作为外部脚本包含在内,如下所示:

<script src ="unpckg.com/vue.js-latest"></script>

我想使用 npm 模块

https://github.com/stephan281094/vue-drag-select

所以我像这样包括它:

<script src= "https://unpkg.com/vue-drag-select@0.1.5/dist/vue-drag-select.js
"></script>

我该如何使用它?

UPD:我更正了外部脚本的路径。

我的问题是如何vue-drag-select在我的应用程序中包含组件,因为当我写

import DragSelect from 'vue-drag-select/src/DragSelect.vue'

它给了我一个错误,因为我没有使用 webpack,所以没有导入功能

标签: vue.js

解决方案


这只是一个https://github.com/stephan281094/vue-drag-select显示包详细信息的 URL,而不是任何文件路径

.js这是您可能想要包含的文件的原始数据,转到此 url 并将此文件的内容保存在本地,然后导入/包含

https://github.com/stephan281094/vue-drag-select/blob/master/dist/vue-drag-select.js

推荐阅读