前幾天接到了用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打包时如何忽略某个第三方依赖包的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。