vue-cli引入第三方插件

最新推荐文章于 2024-05-30 11:08:25 发布
最新推荐文章于 2024-05-30 11:08:25 发布
阅读量3k 收藏
点赞数
分类专栏： vue 文章标签： vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36800701/article/details/79971648
版权

在用vue-cli我们引入js的时候一般都import语法，但是有时候我想要引入第三方插件，比如说，我们把一个js文件下载下来了，然后放在src/assets/js下，然后我们用import引入，这样明显是会出错的，因为下载的JS文件根本就没有用export语法把文件给导出；那可能就要同学会说，自己加一个导出不就好了，这样也是可以的，但是新手如我这般的，要用好vue-cli让项目跑起来都不容易了，还改什么js，配置什么webpack的简直就是一脸懵逼；最后的办法就是，在index.html文件下用script便签直接引入，具体的文件位置放置static下
这里写图片描述

这个文件夹是不会被webpack处理的，最终这个文件夹的内容在打包的时候会被复制在dist/static下

导乐符
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli 引入第三放插件
栗米的程序媛
03-23 2272
vue-cli 引入模块jq 是可以的，在引入插件所需的js就有问题了；Vue项目中引入外部文件（js）列子中js采用的jquery ，mui.min.js(本地)；在项目环境搭建完成，可以启动静态页面的基础上步骤一：安装js 依赖npm install jquery --save-dev步骤二：修改build/webpack.base.conf.js文件1，在开头 引入webpackVar we...
vue-cli webpack 引入jquery的方法
10-18
小编使用的是webpack模板在vue-cli生成的工程中引入jquery的方法，首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install，具体内容详情大家参考下本
vue-cli3 的快速插件开发
weixin_34199405的博客
05-09 1894
前言 不久前组内有大佬发布了一个 vue-cli3 的 dll 包，作为一个在 vue 项目内摸爬滚打的萌新，是时候该学习点儿新的技术了，于是在闲暇之余，我拷贝了一份代码，同时研究该如何从“零”开始编写一个 dll 包（该部分以 webpack 的 dllPlugin 作为例子）。 了解文档 通篇读完官网的文档，因为知识点比较多，并且没有详细的例子（指“傻瓜式教学式”），因此开发这第三方包的学习成...
vue-cli3引入第三方的js依赖包并使用其方法
i_am_a_div的博客
08-04 3517
1.直接在indes.html下引入 2.使用方法 可参考链接： https://blog.csdn.net/weixin_34006468/article/details/88687199?utm_medium=distribute.pc_feed_404.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_feed_404.none-task-blog-BlogC
vue h5唤起app
最新发布
qq_39041201的博客
05-30 538
h5唤起app，支持app内嵌h5唤起第三方app，使用callapp-lib方式。
Vue cli 引入第三方JS和CSS的常用方法
山外小楼
08-21 3万+
如果要引入第三方JS或者css  最好是把文件放在statis文件夹下，此处是静态文件存放的位置 第一种方法： 直接在index.html中引入 js   <script type="text/javascript" src="static/mui.min.js" ></script> css     <link rel="stylesh...
Vue系列——在vue项目中使用jQuery及其第三方插件
热门推荐
Chosen Wu的博客
04-19 4万+
最近学习Vue.js做一个后台管理系统，采用 vue-cli 脚手架搭建，Element作为UI框架。然后想在项目中自定义滚动条，舍弃浏览器原生滚动条，成熟的现成插件也只找到了jQuery的，所以不得不引入jQuery，下面介绍下jQuery的引入及其第三方插件的引入：引入jQuery通过npm安装依赖引入1、安装``` npm install jquery -S ``` 2、修改webpack配置
vue cli3.0 在html中集成本地的第三方插件
像梦巧清的博客
03-25 2004
首先在3.0之后的版本中，没有了static这个静态文件，而多了一个public文件夹，其中html就在此文件中。 废话不说了，直接进入正题，在public文件夹中新建static文件夹，然后放置你的第三方文件，然后在html文件中的head中放置你需要的第三方插件 具体路径如下 src="<%= BASE_URL %>./static/*.js" 如果需要引入css 原理一样...
vue-cli3单页构建大型项目方案
11-20
总的来说，Vue CLI 3 提供了构建大型单页应用的强大工具，通过合理配置路由、优化代码分割和管理第三方库，可以确保项目在保持良好性能的同时，满足复杂的需求。在实践中，应不断调整优化策略，以达到最佳的加载速度...
vue-cli2 构建速度优化的实现方法
10-17
这个优化策略是将常用的第三方库预先打包成一个单独的动态链接库（DLL）。首先，安装必要的插件 `clean-webpack-plugin` 和 `add-asset-html-webpack-plugin`。然后，在 `webpack.dll.conf.js` 文件中配置入口和...
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
12-10
在现代前端开发中，Vue CLI 是一个非常流行的脚手架工具，它可以帮助开发者快速搭建 Vue.js 项目。然而，在实际的项目部署过程中，经常会遇到一些需要动态配置的问题，比如服务器接口地址、环境变量等。本篇文章将...
vue-cli脚手架引入弹出层layer插件的几种方法
10-16
虽然Vue CLI项目通常依赖于npm包管理，但仍然可以通过直接引入静态资源或者修改源码来引入不支持模块化导入的第三方库，如layer.js。通过这两种方法，你可以充分利用layer.js的弹出层功能，提升Vue应用的交互体验。...
Vue项目中引入外部文件（css、js、less）
a13661073881的博客
05-03 1167
例子中css文件采用bootstrap.css，js文件采用jQuery，less文件用less.less(自定义文件) 步骤一：安装webpack cnpm install webpack -g 步骤二：在src/assets下面新建css、js、less、fonts文件夹，并放入对应文件。 将bootstrap.css放入css目录下，bootstrap.min.js放入js...
Vue 前端框架接入QQ在线客服
xuzhicheng2014的博客
11-10 7406
Vue 前端框架接入QQ在线客服，效果如下图： 后面就根据自己的需要选择不同的方式，下面是使用教程： ------------------------------------------------------------------------------------------- 1、首先是第三方js包存放的位置 一定要放在 static 目录下否则引用不到 2、网上查找到的引用第...
在Vue项目里正确地引用jQuery插件
HeliumLau的博客
04-20 3万+
正文1.安装jquery依赖npm install jquery --save2.修改两处配置文件module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], a
Vue-cli中引入外部js,css等插件资源
xu3tu的博客
07-30 2451
Vue-cli中引入外部js,css等插件资源，比如网站模板等，可以放在static文件夹中，在index.html中引入。
vue-cli项目打包
04-26
1. 首先，在打包之前，可以使用babel-plugin-import或者babel-plugin-lodash等插件来按需引入第三方库，从而减小打包体积。 2. 其次，可以使用webpack-bundle-analyzer来分析项目打包后的文件大小及依赖关系，从而...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值