vue如何引入外链js，vuecli引入外部js

Vue.js是一款优秀的前端框架，它帮助开发者快速构建一个功能丰富的web应用，而引入外部js是一个必不可少的任务。本文将介绍如何使用VueCli引入外部的JavaScript文件。

首先，我们需要将外部的JavaScript文件复制到项目的‘src’文件夹中，比如‘js’文件夹，并且在‘main.js’中引入此文件：

import './js/xxx.js'

其次，我们还需要在‘webpack.base.conf.js’中配置此文件，配置方法如下：

module.exports = {

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'@': resolve('src'),

'js': resolve('src/js') // 此处添加

}

}

}

最后，在Vue.js项目中，如果要使用外部的JavaScript文件，我们还需要在全局注册，在‘main.js’中可以这样写：

import xxx from 'js/xxx.js' // 引入

// 注册

Vue.prototype.$xxx = xxx

以上就是使用VueCli引入外部JavaScript文件的全部步骤，通过以上步骤，我们可以在Vue.js项目中使用外部的JavaScript文件。