vue-cli3.0打包时如何忽略某个第三方依赖包
前几天接到了用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打包时如何忽略某个第三方依赖包相关推荐
- vue cli3.0打包上线不同环境
vue cli3.0打包上线不同环境 1. cli3.0支持".env"文件配置,在项目的根目录下配置".env"文件,根据不同的环境命名不同的文件名称,如: ...
- 可视化构建工具探索之Vue Cli3.0 阿里飞冰
Vue Cli3.0可视化构建工具--Vue UI 一.安装环境 安装了最新的Vue CLI.打开Terminal,输入: npm install -g @vue/cli or yarn global ...
- vue.js项目打包时出错找不到main.js
vue.js项目打包时出错找不到main.js 打包时设置了开发环境和生产环境的入口文件分别是 配置打包文件vue.config.js(没有的话新增) module.exports = {chainW ...
- Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...
- 解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory...
解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 如上图所示:频繁出现此 ...
- 01-路由跳转 安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题
01-路由跳转 安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题 参考文章: (1)01-路由跳转 安装less this.$router.re ...
- Maven引入本地jar包,解决打包时找不到本地jar包
springboot,maven引入本地jar,生成pdf使用,找不到类问题 参考:Maven引入本地jar包,解决打包时找不到本地jar包 日志 Caused by: java.lang.NoCla ...
- Maven 手动添加第三方依赖包及编译打包和java命令行编译JAVA文件并使用jar命令打包...
一,实例:新建了一个Maven项目,在eclipse中通过 build path –> configure path-.将依赖包添加到工程中后,eclipse不报错了.但是用Maven命令 mv ...
- java 手动编译打包_Maven 手动添加第三方依赖包及编译打包和java命令行编译JAVA文件并使用jar命令打包...
一,实例:新建了一个Maven项目,在eclipse中通过 build path –> configure path-.将依赖包添加到工程中后,eclipse不报错了.但是用Maven命令 mv ...
最新文章
- SAP EWM中仓库任务WT创建的函数
- JAVA操作Hadoop
- Spring框架的事务管理之基于AspectJ的XML方式(重点掌握)
- Java栈内存溢出代码实例
- C#委托、事件、消息(入门级)
- FFMPEG音视频解码
- 【oracle灾备方案系列】基于DDS的Oracle复制容灾方案(三)
- Keil中的Code,RO,RW,ZI分别表示什么?
- 中职读计算机什么专业好,读职校选择什么专业好一些
- ucos ii 源代码中文注释详解 : OS_TIME.C
- 微信小程序加载本地图片方法
- C++socket编程(六):6.3 并发测试工具ab的使用(apache工具)
- oracle导入和导出遇到may be an original export dump file的问题
- 【论文解读】Sort、Deep-Sort多目标跟踪算法
- ad走线打过孔_Altium Designer规则设计技巧过孔和焊盘
- 关于PhpStorm设置点击编辑文件自动定位源文件
- android点亮屏幕软件,插亮屏幕Lite
- nginx服务器中url重写rewrite参数和例子
- Procmon.exe —— 强大的系统监视工具
- js语言扩展之trim