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

我是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,以便整个应用程序都可以使用它?

理查德乐2020/03/16 15:27:06

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