Vue如何引入第三方js

最近遇到的问题是如何在vue中引入mui.js，通过import引入就报这个错

一看就知道mui是传统模式，没有es6的export写法，所以import引用不到，给mui加上export default mui后，是没问题了，但是浏览器中又报错这是vue使用es6严格模式写法，任何js文件都会被强制加上use strict,怎么让mui去除严格模式，有五种方法

第一种：直接复制粘贴mui源码到index.html,index.html里的js不会被编译，这种方式简单粗暴但难看

第二种：把mui放在static目录里，static目录不会被webpack所编译，打包后的mui被移到dist/static/mui.js

第三种：如果想在需要的地方引用，在第二种方法的基础上，在webpack.base.conf.js里配置移除项使其不被编译,然后在需要的地方引入‘import mui from 'mui’

webpack.base.conf.js

externals: {mui: 'window.mui'
}
复制代码

第四种：直接在webpack.base.conf.js里配置别名，然后在需要的地方引入‘import mui from 'mui’

webpack.base.conf.js

resolve: {extensions: ['.js', '.vue', '.json','.less'],alias: {'mui': resolve('static/mui.min.js')}}
复制代码

第五种：在第四种的基础上配置plugins参数，就无需import引入，在任意组件或js中使用 webpack.base.conf.js

plugins:[new webpack.ProvidePlugin({mui : 'mui'})]
复制代码

某组件

 mounted(){console.log(mui)}
复制代码

这是引入第三方传统模式的js遇到的问题，希望能帮助到大家！！！

Vue如何引入第三方js相关推荐

Vue cli 引入第三方JS和CSS的常用方法
如果要引入第三方JS或者css 最好是把文件放在statis文件夹下,此处是静态文件存放的位置第一种方法: 直接在index.html中引入 js <script type="te ...
vue-cli3项目通过vue如何引入第三方js包完成登陆功能
注意:本次登陆,前后端分离:前端通过引入第三方的js包,调用js包里的初始化方法和提交方法完成登陆以及退出: 流程1.引入第三方包 1.1在index.html文件下引入流程2.完成初始化在组件的 ...
vue中引入第三方js
vue中常遇到第三方js,简单粗暴的可以直接在html页面中引入cdn. 或者在 webpack.base.conf.js 中进行配置. module.exports = {entry: {track ...
vue 动态引入第三方js和css
页面中经常会用到第三方库的情况,直接全局引入到html文件会造成资源浪费实现在需要的页面动态加载 /*** 动态加载css文件* @param {*} url* @param {*} isCache ...
uni-app 项目引入第三方js插件，单个js文件引入成功，调用该插件方法
通过"vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)"成功移到UNI-APP上方法一: 引用网址:https://www.cnblogs. ...
vue引入第三方js的方案报错
vue引入第三方js的方案报错< 问题描述 vue项目中引用一个外部js包 npm中没有响应的js下载所以只能通过外部引用使用方法如下: 1.首先是第三方js包存放的位置一定要放在 st ...
Vue 中引用第三方js总结
vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库基础示例 1.把下载好的 ...
vue项目引入第三方地图插件并且随机显示坐标点（经纬度），点击坐标点弹出窗口，点击详情文字链接到其他模块
再vue中引入第三方插件-- https://www.npmjs.com/package/vue-baidu-map 一个百度地图的vue封装上述中的内容在第三方插件的文档介绍中都有. 在具体特性 ...
vue中引入高德js
项目概述: 通过在vue中引入高德js,实现地图的加载呈现,以及在地图中实现设备坐标定位,并在设备列表点击的同时进行定位点的切换和地图视图的切换,在点击坐标点的时候可以弹出相关介绍信息. 第一步:在i ...

Vue如何引入第三方js

Vue如何引入第三方js相关推荐

最新文章

热门文章