VUE项目远程引入js插件

本文使用的是vue-cli 4.x

第一步:
被引入的js应该是通过export default / export 输出的。

第二步:
在index.html中通过‘script标签 ’引入远程文件。

第三步:
修改vue.config.js。vue.config.js文件不默认生成。用到的时候手动创建。创建时不要忘记 const webpack = require(‘webpack’)

module.exports={
    configureWebpack:{
        plugins: [
            ...
            //原代码
        ],
        //此处将引入的js文件定义一下
        externals: {
            demo: 'demo'
        }
    }
}

第四步:引入
虽然不通过第三步和第四步也可以正常使用，但是在控制台会抛出一个异常。不能忍受的可以通过该方法实现”完美“使用。

import demo from 'demo'