前几天接到了用vue重构某个业务模块的需求,常规开发不做讨论,但是在打包时需要排除业务中使用的某个第三方依赖包。 代码如下:

//main.js
import Vue from 'vue';
import Cesium from 'cesium/Cesium'; //必须全局引入,某个组件中引入忽略无效
import Widgets from 'cesium/Widgets/widgets.css'Vue.prototype.Cesium = Cesium;
复制代码
//vue.config.js(如果没有就在根目录下新建)const cesiumSource = "node_modules/cesium/Source";
const cesiumWorkers = '../Build/Cesium/Workers';
module.exports = {chainWebpack: config => {//定义别名.resolve.alias.set('cesium', path.resolve(__dirname, cesiumSource)).end().end()},configureWebpack: config => {let settings = {};if (process.env.NODE_ENV === 'production') { // 使用环境变量,区分生产和开发模式settings = {plugins: [new webpack.DefinePlugin({'CESIUM_BASE_URL': JSON.stringify('static')}),new CopyWebpackPlugin([{from: path.join(cesiumSource, cesiumWorkers),to: 'static/Workers'}]),new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Assets'),to: 'static/Assets'}]),new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Widgets'),to: 'static/Widgets'}])],externals: {/***key: main.js中全局引入的路径*value: 全局暴露出来的对象名*/"cesium/Cesium": "Cesium" //忽略js"cesium/Widgets/widgets.css": "Widgets" //忽略css}}} else {settings = {plugins: [new webpack.DefinePlugin({'CESIUM_BASE_URL': JSON.stringify('')}),new CopyWebpackPlugin([{from: path.join(cesiumSource, cesiumWorkers),to: 'Workers'}]),new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Assets'),to: 'Assets'}]),new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Widgets'),to: 'Widgets'}]),]}}return settings
}
复制代码

that's all

转载于:https://juejin.im/post/5c7a39156fb9a04a0f65e4e1

vue-cli3.0打包时如何忽略某个第三方依赖包相关推荐

  1. vue cli3.0打包上线不同环境

    vue cli3.0打包上线不同环境 1. cli3.0支持".env"文件配置,在项目的根目录下配置".env"文件,根据不同的环境命名不同的文件名称,如: ...

  2. 可视化构建工具探索之Vue Cli3.0 阿里飞冰

    Vue Cli3.0可视化构建工具--Vue UI 一.安装环境 安装了最新的Vue CLI.打开Terminal,输入: npm install -g @vue/cli or yarn global ...

  3. vue.js项目打包时出错找不到main.js

    vue.js项目打包时出错找不到main.js 打包时设置了开发环境和生产环境的入口文件分别是 配置打包文件vue.config.js(没有的话新增) module.exports = {chainW ...

  4. Vue CLI3.0 中使用jQuery 和 Bootstrap

    Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...

  5. 解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory...

    解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 如上图所示:频繁出现此 ...

  6. 01-路由跳转 安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题

    01-路由跳转 安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题 参考文章: (1)01-路由跳转 安装less this.$router.re ...

  7. Maven引入本地jar包,解决打包时找不到本地jar包

    springboot,maven引入本地jar,生成pdf使用,找不到类问题 参考:Maven引入本地jar包,解决打包时找不到本地jar包 日志 Caused by: java.lang.NoCla ...

  8. Maven 手动添加第三方依赖包及编译打包和java命令行编译JAVA文件并使用jar命令打包...

    一,实例:新建了一个Maven项目,在eclipse中通过 build path –> configure path-.将依赖包添加到工程中后,eclipse不报错了.但是用Maven命令 mv ...

  9. java 手动编译打包_Maven 手动添加第三方依赖包及编译打包和java命令行编译JAVA文件并使用jar命令打包...

    一,实例:新建了一个Maven项目,在eclipse中通过 build path –> configure path-.将依赖包添加到工程中后,eclipse不报错了.但是用Maven命令 mv ...

最新文章

  1. SAP EWM中仓库任务WT创建的函数
  2. JAVA操作Hadoop
  3. Spring框架的事务管理之基于AspectJ的XML方式(重点掌握)
  4. Java栈内存溢出代码实例
  5. C#委托、事件、消息(入门级)
  6. FFMPEG音视频解码
  7. 【oracle灾备方案系列】基于DDS的Oracle复制容灾方案(三)
  8. Keil中的Code,RO,RW,ZI分别表示什么?
  9. 中职读计算机什么专业好,读职校选择什么专业好一些
  10. ucos ii 源代码中文注释详解 : OS_TIME.C
  11. 微信小程序加载本地图片方法
  12. C++socket编程(六):6.3 并发测试工具ab的使用(apache工具)
  13. oracle导入和导出遇到may be an original export dump file的问题
  14. 【论文解读】Sort、Deep-Sort多目标跟踪算法
  15. ad走线打过孔_Altium Designer规则设计技巧过孔和焊盘
  16. 关于PhpStorm设置点击编辑文件自动定位源文件
  17. android点亮屏幕软件,插亮屏幕Lite
  18. nginx服务器中url重写rewrite参数和例子
  19. Procmon.exe —— 强大的系统监视工具
  20. js语言扩展之trim

热门文章

  1. 面试题3:二维数组中的查找
  2. c++ winpcap开发(3)
  3. TensorFlow多层感知机实现MINIST分类
  4. LCP 1. 猜数字
  5. Python以进程方式无黑窗在后台运行(无命令窗)
  6. 截取、拼接字符串,memcpy
  7. C/C++:Windows编程—Hook IE浏览器实现URL拦截及更改(上)
  8. 7.16模块及软件开发目录规范
  9. H3C DHCP服务器显示及维护
  10. JSF和Facelets的lifecircle