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