将引导程序添加到Vue CLI项目

twitter-bootstrap Vue.js

卡卡西Tom

2020-03-16

我是Vue和Webpack的新手,我很难确定如何导入内容。

我通过vue init添加bootstrap 4 创建了一个新的Vue项目yarn add bootstrap@4.0.0-alpha.6

main.js中,我尝试导入bootstrap和jquery:

import Vue from 'vue';
import jQuery from 'jquery';
import bootstrap from 'bootstrap';
import App from './App';
import router from './router';

但是我得到:

未捕获的错误:Bootstrap的JavaScript需要jQuery。在Bootstrap的JavaScript之前必须包含jQuery。

window.jQuery = window.$ = $;确实工作

最后,我在哪里以及如何加载Sass,以便整个应用程序都可以使用它?

第1802篇《将引导程序添加到Vue CLI项目》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
理查德乐 2020.03.16

使用Vue CLI v3,您还可以使用vue-cli-plugin-bootstrap在您的Vue项目中快速添加最新的Bootstrap 4版本,而无需手动添加任何文件或设置。该插件将负责添加任何配置选项并将依赖项安装到您的项目中,因此您可以立即开始使用Bootstrap类,而无需花费时间弄清楚需要添加哪些设置或依赖项。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android