先描述一下情况，本人不是搞前端的，但是想用bootstrap做一个网站，对vue.js bootstrap webpack grunt 有一点点的了解，请各位大神指教，有一些问题。假如我想使用bootstarp，基于这个前提，我如何在项目中引用bootstarp，使用npm么？如果使用npm的话，bootstarp会下载到node_moudles文件中，那引用的时候就必须路径中写node_modules了，看别人说要使用编译工具，然后我就去了解了一下grunt和webpack，那么我该如何选择？我在项目中使用npm引用bootstarp以后，怎么使用grunt或者是webpack进行构建，以前的项目直接是把bootstrap源码放到指定的比方说static文件夹下面，使用了grunt怎么把npm引用的bootstrap编译输出到指定的比方说static文件夹下面？如果使用webpack，我知道引用js、css的方式就发生改变了，全面集成在bundle.js中了，但是我看别人都说如果使用Vue以后，bootstrap存在jquer问题，该如何正确解决？基于以上的问题，各位大神，我该如何选择grunt，webpack，还有就是，如果我想使用vue和bootstarp配合，正确姿势是什么？
1 回答
慕桂英546537
TA贡献1848条经验 获得超10个赞
webpack可以单独用，也可以gulp+webpack或者grunt+webpack
grunt我没用过。。无法回答
bootsrap可以直接在webpack的入口js文件中引入使用
jquery要在webpack中使用需要暴露jquery和$变量给全局，并且为了支持第三方jquery插件直接使用<script>标签引用，还需要安装expose-loader处理
如果使用webpack，我知道引用js、css的方式就发生改变了，全面集成在bundle.js中了
这里全部塞进bundle.js中只是最简单原始的生成方式，其实css可以抽离出来单独引用，公共的js比如jquey、react也是可以entry入口文件和plugin插件里进行设置单独抽离出来变成一个common.js的
如果你真要使用webpack的话- -建议去找资料详细了解一下，很多坑
添加回答
举报
0/150
提交
取消