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

作者站长头像
站长
· 阅读数 6

我有一个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被二次构建的过程 如何避免？还有我这种维护方式是否合理？

回复
1个回答
avatar
test
2024-06-26

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

vue.config.js文件：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('js')
      .exclude
      .add(/src\/components\/custom-editor\/build/)
  }
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容