如何在vue cli中包含来自节点模块的bootstrap.min.js

时间:2019-02-18 20:57:20

标签: vue.js vuejs2 vue-component

我正在使用vue cli。我已经使用npm install bootstrap命令安装了引导程序。我已经成功将@import "../node_modules/bootstrap/dist/css/bootstrap.min.css" ;导入了vue组件,但是当我在关闭body标签之前在index.html上添加了脚本<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>时,它不起作用。

2 个答案:

答案 0 :(得分:1)

就像使用css文件一样,将bootstrap js文件导入到main.js中。因此,将import 'bootstrap'添加到main.js。

答案 1 :(得分:0)

使用npm

安装引导程序
npm install bootstrap

编辑应用的 src/main.js 文件。像这样导入。

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