当前位置: 首页 > 网络应用技术

在Vue中,Mavon-编辑将默认CDN关闭并加载本地资源

时间:2023-03-06 18:49:01 网络应用技术

  Mavon-编辑器是具有开源的出色页面丰富的文本编辑器,该编辑器用于许多VUE项目。

  本文也是在使用Mavon-Editor的过程中记录加载资源(因为它是内部网络项目)的问题的最终解决方案。它还为有同样麻烦的小型伙伴提供了更多选择。

  首先,此问题出现在v2.4.2及更高版本中,因为插头的包装量要优化,因此插件-in中的默认值不包括以下依赖项:

  当我们在项目中使用Mavon-编辑器时,默认情况下从CDN引入了这三个资源,这在许多内部网络项目中都会引起奇怪的问题,例如代码无法突出显示。选择一个好的风格。不能生效,等等。

  为了解决此问题,官员还提供了相应的解决方案,请单击查看

  基本上,手动添加一些。如果您对此感兴趣,请自己看一下,所以我不会详细介绍。

  测试后,我发现了一些问题

  第一个问题是:无法引入官方解决方案,因此Markdown中的代码片段无法添加高明亮的样式。

  代码不高,看起来不舒服。因此,我们可以直接使用CSS方法介绍缺失的CSS文件。

  第二个问题是:官员说,我们需要安装此插头 - 并在WebPack的配置文件中添加一些配置,如下:

  目的是拉出三个依赖项,并将其放入VUE项目包装后生成的DIST目录中。

  这非常麻烦,因为大多数项目都是由Vue-CLI生成的。我觉得添加WebPack配置非常麻烦。此外,我很难每次包装依赖文件。

  有什么方法可以复制近距离的方式?当然?

  因为在Vue-CLI中包装时,包装后将直接放置在包装中。因此,我们可以将代码直接从浏览器的源复制到项目。这次和所有内容不是吗?

  让我们验证这个想法的可行性。

  其中,我的公众下的目录结构就是这样:

  然后,在控制台操作之后,我们发现相同的目录将在区域下生成相同的目录,因为部署时,区域是前端项目的根目录,即index.html所在的目录然后,我们可以直接使用代码中的开口从开始。

  代码显示如下:

  当然,这是一种不是一种方法。幸运的是,这是一项个人工作,只是做,不需要动心。

  作者:阳光同学