请教webpack如何配置使用bootstrap

#1

即是说当两个模块之间存在依赖关系时,使用webpack应当如何引用呢?例如我这里先后引用了jquery以及依赖于jquery的bootstrap.js,但是还是提示如图2所示的错误,有木有大牛小牛能帮忙看一下这个问题呢,多谢啦!

#2

可以使用imports-loader将jQuery对象导入到 bootstrap模块中 { test: /bootstrap/js//, loader: ‘imports?jQuery=jquery’ }, 参考 https://github.com/bline/bootstrap-webpack
或者 如上 var $=require(’…/XXX/jquery.min.js’);
var jQuery=$;

或者 求大牛帮忙,用webpack 打包jquery、bootstrap时出错。

2 Likes
#3

太感谢了,瞎忙活一天啦 :blush:

#4
import 'bootstrap/dist/css/bootstrap.css';
import 'icheck/skins/all.css';
import 'jquery';
import 'bootstrap';

具体请看: https://github.com/luqin/react-icheck/blob/master/examples/src/js/components/App.js

webpack配置:https://github.com/luqin/react-component-tools