vue中npm插件如何作为本地资源引入

发布于 2022-09-11 22:29:09 字数 241 浏览 10 评论 0

在npm上下载了一个编辑器的插件,由于有需求 把源码改动了,
clipboard.png
通常vue中引入都是这样写的,改动完的npm包应该如何引用
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

雨的味道风的声音 2022-09-18 22:29:09

下载源码,修改,重新打包,覆盖mode_modules中的文件

_畞蕅 2022-09-18 22:29:09

我看这个模块的package.json里的main指向的是release/wangEditor.js,这也就意味着你import E from 'wangEditor' === import E from 'wangEditor/release/wangEditor.js'

如果你修改了源码指的是修改了release/wangEditor.js,那你大可以把release/wangEditor.js拷贝到本地文件夹然后用相对路径引用。

又或者,将release/wangEditor.js放到public/文件夹或者发布到cdn,然后在html文件<head>中用<script>引入,然后在vue中使用var E = window.wangEditor

许仙没带伞 2022-09-18 22:29:09

你可以查看一下 npm 的文档。可以使用本地路径引入包的。

As of version 2.0.0 you can provide a path to a local directory that contains a package. Local paths can be saved using npm install -S or npm install --save, using any of these forms:

../foo/bar
~/foo/bar
./foo/bar
/foo/bar

in which case they will be normalized to a relative path and added to your package.json. For example:

{
  "name": "baz",
  "dependencies": {
    "bar": "file:../foo/bar"
  }
}

npm Local Paths

小忆控 2022-09-18 22:29:09

请问下您现在解决了吗,我也改了这个编辑器源码,不知道该怎么放到本地去引用

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文