vuecli引入js文件，vue项目中引入js文件

vue文件里面怎么引用外部的js文件

步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。

可以通过npm安装的就安装，在通过Vue.use()插入到vue里使用；如果想单个页面使用的就在使用的.vue页面通过import导入并使用。

分为本地和外部请求(get/post， url等)。

页面使用：在开发环境中，我在public下创建了config.js文件，并且用export default方法进行导出。在页面使用的地方使用import config from XXX进入引入。

首先申明我是window系统下Vue-cli3版本，脚手架整体基于vue2内核。正常js文件如果有使用export向外暴露对象，将js放在src/assets都是可以通过import直接引入。

首先我们要改变我们要映入的外部js文件，改成以下这个格式。

相关问答

Q1: VUE项目引入Threejs加载模型文件

1、项目新需求，要在页面中显示已做好的3D模型，做过技术调研后选择了Threejs三维引擎。demo基本都是独立页面的，自己搞了一下，在vue项目中完美运行了。

2、首先要做的就是读取这些模型文件，对里面的点、面、法线、材质进行逐行解析。各种对比后，发现了ThreeJS。它不仅可以解析obj模型文件，还可以解析大部分市场上有的模型格式文件。

3、检查npm -v版本和使用对应的vite安装vue3项目 需要安装依赖：npm install 运行：npm run dev 目录结构：threejs官网：安装threejs 准备3D模型素材(我这里使用glb格式)和HDR图片，素材网上可以找有免费的。

Q2: vue中怎么使用原生js插件?

谢邀。vuecli使用script引入js时，需要在index.html中插入script标签，然后在webpack.base.conf.js的externals定义对应的key，然后在组件中使用时可以通过require的方式引入。

在Vue.js中使用jquery插件需要利用 ProvidePlugin导入jquery全局库。

可以看到，我们所使用的每个组件库要想使用，都必须下载，然后在主入口js文件main.js中导入并使用Vue.use这个方法来将该组件库加入到项目中去，已达到全局通用的效果。

关于vuecli引入js文件和vue项目中引入js文件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。