Vue如何import服务器上的js配置文件

// src/image-position.js
export default {
    label: '首页',
    value: 'home',
    data: [
      {
        label: '轮播',
        value: 'carousel'
      }
    ]
}

import ImagePosition from './image-position.js'

import ImagePosition from 'https://xxx.com/static/image-position.js'

// ERROR This dependency was not found

// 改造后的image-position.js

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' 
    &＃63; module.exports = factory() 
    : typeof define === 'function' && define.amd 
    &＃63; define(factory) 
    : (global = global || self, global.ImagePosition = factory());
}(this, (function () {
  'use strict';
  
  return {
    label: '首页',
    value: 'home',
    data: [
      {
        label: '轮播',
        value: 'carousel'
      }
    ]
  };
})));

module.exports = {
  configureWebpack: cOnfig=> {
    config.externals = {
      'image-position': 'ImagePosition'
   }
  }
}

// public/index.html


  
    
    
    
    
    
  
  
    

    
    <% if (NODE_ENV == 'production') { %>
      
    <% } else { %>
      
    <% } %>
  

import ImagePosition from 'image-position'
console.log(ImagePosition)
// {label: '首页',value: 'home',data: [{label: '轮播', value: 'carousel'}]}

// build/webpack.base.conf.js
module.exports = {
  externals: {
    // 新增
    'image-position': 'ImagePosition'
  }
}

// index.html


  
    
    
    
    
    
  
  
    

    
    <% if (process.env == 'production') { %>
      
    <% } else { %>
      
    <% } %>