React的灵活性可以很好地与已知库或框架搭配,以bootstrap为例,首先进行bootstrap的安装:
cnpm i bootstrap@3.3.7 -S
然后再所需文件内导入该框架:
import bootobj from 'bootstrap/dist/css/bootstrap.css'
由于该包被安装到了node_modules
目录下,因此可以省略该目录,直接以包名引入自己的模块或样式表,但是bootstrap自带的一些字体图标文件webpack
是无法处理的,首先下载对应的工具包:
cnpm i url-loader -D
cnpm i file-loader -D
webpack.config.js配置:
{
test:/\.ttf|woff|woff2|eot|svg$/, use: