vue:import 引入、导入js文件

提出问题

在本地有 .js 文件,有什么办法引入该 .js 文件

提示:不是通过 npm install xxx 的方式安装

解决

需要改写 .js 文件,在通过 import 等方式导入

js存放位置

在 src 下创建 js 文件夹,将 .js 文件放到该文件中

改写js文件

改写js文件,将其内部函数通过 export 导出,如下:

export {CanvasRecorder}

不需要改写情况

如果该 .js 文件是自执行函数,没有需要导出的内容,则不需要改写

引入

方式一

相对路径,导入当前目录的 js,必须以 ./ 或 ../ 等开头

import {CanvasRecorder} from '../js/CanvasRecorder.js'

如果 .js 文件没有导出的内容,如下导入:

import './china.js'

方式二(不推荐)

路径从根目录 src 开始

缺点:如果 src 改名,那么路径中的 src 也要改

import {CanvasRecorder} from '/src/js/CanvasRecorder.js'

如果 .js 文件没有导出的内容,如下导入:

import '/src/js/china.js'

方式三(替代方式二)

@ 相当于 /src

import {CanvasRecorder} from '@/js/CanvasRecorder.js'

如果 .js 文件没有导出的内容,如下导入:

import '@/js/china.js'


原文出处:/show_1IX6oADhWd4I.html