webpack打包vue引入第三方插件

qq_38872956 2018-06-28 11:38:59
vue项目webpack打包如何加载第三方的js,如jquery和bootstrap等css和js,在入口js中引入js都没有用,该怎么引入,请教各位大神,谢谢
...全文
406 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
stacksoverflow 2018-06-28
  • 打赏
  • 举报
回复
这个文章参考一下
https://stackoverflow.com/questions/45047126/how-to-add-external-js-scripts-to-vuejs-components
qq_38872956 2018-06-28
  • 打赏
  • 举报
回复

谢谢大神,按您说的方法真管用,但我install了bootstrap,在node_modules下也能找到这个css,build时就报错
fewbadboy 2018-06-28
  • 打赏
  • 举报
回复
引入jQuery插件
在webpack.base.conf.js中添加
const webpack = require('webpack')
module.exports 中添加

plugins: [
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery'
})
],
引入bootstrap
还需安装 npm install --save popper.js
之后在main.js 文件中添加
npm 安装完模块 import 模块名 则模块名直接会指向node_modules下相应的模块)

import 'bootstrap/dist/js/bootstrap.min.js'
import 'bootstrap/dist/css/bootstrap.min.css'

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧