如何从引导中提取项目所需的唯一css属性

如何从引导中提取项目所需的唯一css属性,css,node.js,twitter-bootstrap,Css,Node.js,Twitter Bootstrap,我目前正在处理node js,我有一个问题。 我想知道是否有一种方法,只提取我们的项目所需的CSS属性,这样就不会有一个CSS文件太大? 我不知道我是否能让别人明白我的意思,所以我会更准确 我只需要在我的项目中使用btn、btn默认引导属性。 除了使用引导CDN之外,这是一个只用于两个属性的大文件 有什么方法或工具可以解决我的问题吗 我期待着您的来信是的,您可以。在Bootstrap3.3及更高版本中,您可以根据需要自定义引导文件。 有关更多信息,请转到链接。 如果你仍然没有得到。让我知道。 可

我目前正在处理node js,我有一个问题。 我想知道是否有一种方法,只提取我们的项目所需的CSS属性,这样就不会有一个CSS文件太大? 我不知道我是否能让别人明白我的意思,所以我会更准确

我只需要在我的项目中使用btn、btn默认引导属性。 除了使用引导CDN之外,这是一个只用于两个属性的大文件

有什么方法或工具可以解决我的问题吗


我期待着您的来信

是的,您可以。在Bootstrap3.3及更高版本中,您可以根据需要自定义引导文件。 有关更多信息,请转到链接。 如果你仍然没有得到。让我知道。

可以通过package manager将引导添加为您的依赖项:

$ npm install bootstrap@4.0.0-beta
所有源文件都将下载到node_modules/bootstrap目录中。之后,您可以只在SASS文件中包含所需的组件,如:

@import 'path/to/node_modules/bootstrap/scss/_buttons.scss';

正如@Vikash.777所指出的,您可以根据自己的喜好定制引导程序,这包括颜色和尺寸,但也包括您希望包含或不包含的引导程序的不同功能

另一种方法可以是简单地打开引导CSS并从中提取所有您想要的内容。。。这样你就可以确保你只拥有你想要的零件


请注意,bootstrap CDN提供了完整的版本,即使您没有使用所有内容,其他网站也会使用此CDN,这很可能意味着您的访问者已经将其存储在缓存中。这意味着他们不需要下载任何东西,除非你修改它。

谢谢你!