导入引导风格

现在,引导在你的生活node_modules /目录,您可以从任何进口Sass或JavaScript文件。例如,如果你已经有了global.scss文件,导入:

1 2 3 4 5 6 7

/ /资产/css/全球.scss/ /定制一些引导变量美元主:变黑(# 428 bca,20%);/ /的~允许你来参考的事情在node_modules@ import“~引导/ scss /引导”;

就是这样!这个进口node_modules /引导/ scss / bootstrap.scss文件到global.scss。你甚至可以定制先引导变量!

导入引导JavaScript

引导JavaScript需要jQuery和波普尔。js,所以确保你有这个安装:

1 2

美元纱添加jquery开发美元纱添加波普尔。js - dev

接下来,确保电话.autoProvidejQuery ()在你的webpack.config.js文件:

1 2 3 4 5

/ / webpack.config。js安可/ /……+ .autoProvidejQuery ();

这是必要的,因为引导预计jQuery将作为一个全局变量。现在,需要引导从任何你的JavaScript文件:

1 2 3 4 5 6 7 8 9 10 11 12 13 14

/ / app.js常量$ =需要(jquery的);/ / JS相当于正常的“引导”包/ /不需要设置一个变量,只是需要它需要(“引导”);/ /也可以包括特定/ /要求(“引导/ js / dist /工具提示”);/ /要求(“引导/ js / dist /弹出窗口”);$ (文档时(函数(){$ (“[data-toggle = "窗"]”).popover ();});

多亏了autoProvidejQuery (),您可以要求任何其他jQuery插件以类似的方式:

1 2 3 4 5 6 7

/ /……/ /需要的JavaScript需要(“bootstrap-star-rating”);/ /需要2所需的CSS文件需要(“bootstrap-star-rating / css / star-rating.css”);需要(“bootstrap-star-rating /主题/ krajee-svg / theme.css”);