84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
我想用到bootstrap框架,但是在webpack配置时一直报错,请问webpack要怎么配置bootstrap,与react结合使用呢
ringa_lee
直接把 Bootstrap 的 js 和 css 添加到入口的 html 文件里,不需要在 webpack 里配置,这样还能用上 Bootstrap 公共的 CDN
一些需要额外初始化的 JS 代码(比如插件)写在 ComponentDidMount 里
如果非要一起打包的话:
{ test: /\.css$/, loader: "style-loader!css-loader" }, { test: /\.png$/, loader: "url-loader?limit=100000" }, { test: /\.jpg$/, loader: "file-loader" }, { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff' }, { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream' }, { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file' }, { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml' }
然后import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
推荐一下vue-strap。
直接require('bootstrap');行不行?
直接把 Bootstrap 的 js 和 css 添加到入口的 html 文件里,不需要在 webpack 里配置,这样还能用上 Bootstrap 公共的 CDN
一些需要额外初始化的 JS 代码(比如插件)写在 ComponentDidMount 里
如果非要一起打包的话:
然后
import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
推荐一下vue-strap。
直接require('bootstrap');行不行?