前幾天接到了用vue重構(gòu)某個業(yè)務(wù)模塊的需求，常規(guī)開發(fā)不做討論，但是在打包時需要排除業(yè)務(wù)中使用的某個第三方依賴包。 代碼如下:

//main.js import Vue from 'vue'; import Cesium from 'cesium/Cesium'; //必須全局引入，某個組件中引入忽略無效 import Widgets from 'cesium/Widgets/widgets.css'Vue.prototype.Cesium = Cesium; 復(fù)制代碼//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') { // 使用環(huán)境變量，區(qū)分生產(chǎn)和開發(fā)模式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 } 復(fù)制代碼

that's all

轉(zhuǎn)載于:https://juejin.im/post/5c7a39156fb9a04a0f65e4e1

總結(jié)

以上是生活随笔為你收集整理的vue-cli3.0打包时如何忽略某个第三方依赖包的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。