当前位置: 首页 > 知识库问答 >
问题:

vue.js - vue webpack 自定义依赖库 避免二次编译构建?

贝凯
2023-10-16

我有一个vue-cli3创建的vue2项目,根据我的业务需求用到了一个富文本编辑器,同时根据需要这个编辑器不能使用官方已经构建好的版本

需要我安装编辑器相关的各个功能依赖自定义构建整个过程

我为了考虑后期方便升级把整个编辑器相关的源码写在了src/components某个文件夹中(这个文件夹中有package.json src webpack.config.js等相关文件
相当于我把vue项目用到的某个依赖库没有用node_module文件夹下的某个依赖 而是自己在我的源码中写的依赖库)

以后哪个组件要用编辑器直接用我自定义构建好的这个编辑器js文件就行(src/components/custom-editor/build/editor.js)

我担心我在npm run serve/build整个vue项目时是否会出现build/editor.js被二次构建的过程 如何避免?还有我这种维护方式是否合理?

共有2个答案

凤修为
2023-10-16

二次构建,src/components/custom-editor/build/editor.js 是打包后的产物么?不是的的话,你整个项目发包不是运行一次 build 就足够了么?

维护方式优化
1、项目引用编辑器只能通过编辑器打包后生成的入口文件
2、直接发包到 npm ,害怕公司机密的话,联系运维设立私服,发布的单独账号上。

韦修文
2023-10-16

短期维护下面这种直接排除:

vue.config.js文件:

module.exports = {  chainWebpack: config => {    config.module      .rule('js')      .exclude      .add(/src\/components\/custom-editor\/build/)  }}
 类似资料:
  • 问题内容: 我尝试使用MVP范例构建Webapp。因为我希望API干净并且使所有内容易于测试,所以我尝试通过Contructor Injection注入所有可能的内容。现在,我到了一个具有多个文本字段的视图。当数据库中有值时,演示者将填充这些文本字段,因此我的演示者需要视图的引用,但是vie显然也需要演示者的引用。CDI告诉我,由于循环依赖性,无法将Presenter注入视图。是否有可能避免通过s

  • 如果我正在创建一个带有如下头文件的静态库: 在我自己的项目中,我可以告诉编译器(在我的例子中是Visual Studio)在哪里查找SomeHeaderFile.h。但是,我不希望我的用户关心这一点--他们应该能够包含我的头,而不必通知编译器SomeHeaderFile.h的位置。 这类情况通常如何处理?

  • 我需要重构现有的抽象类来实现依赖注入,但是这个类有两个接受其他参数的构造函数。 我需要注入一些接口,并避免在构造函数中传递任何其他参数,如“settingsId”和“Setting”。所以我的想法是在创建此类的实例后创建两种方法来设置这些参数。 但它看起来不是一个合适的解决方案,因为如果开发人员忘记在创建实例后运行这些方法之一,我们将来可能会得到一个异常(对象未设置为引用...)。我应该如何正确执

  • 我正在使用mongodb和Spring Boot。最近,我的mongodb升级到了3.0版本。 我对Spring使用以下Gradle依赖项: 如果我查看maven存储库中的gradle:,我会看到以下内容(http://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-data-mongodb/1.2.6

  • 提供用于创建自定义子句和编译器的API。 简介 使用涉及创建一个或多个 ClauseElement 子类和定义其编译的一个或多个可调用文件: from sqlalchemy.ext.compiler import compiles from sqlalchemy.sql.expression import ColumnClause class MyColumn(ColumnClause):

  • make && make install 然后 结果为 可以看到这里的链接库引用地址为相对路径,在编译的时候是否可以用参数指定或者修改 makefile 文件之类的方法来让其修改为引用绝对路径?