webpack中怎么使用第三方的插件？

Question

目前的一个项目使用了一个国内的UI框架H+，里面的style.css就是整个框架的全局样式，同时项目中经常会使用第三方的插件，比如（jquery，bootstrap,bootstrap-table,layer，滚动条、轮播等等），我理解为将全局使用的如（jquery,bootstrap,layer）这些应该在webpack.config.js中加载，那么这个应该怎么做呢？我再网上只找到了jquery和bootstrap的例子。其他、滚动条、分页、轮播这样的插件只是某些页面使用，就再该页面的入口文件中require("../../WebRoot/js/plugins/bootstrap-table/bootstrap-table.min.js");不知道这样对不对，求指教~~~~

Answer 1

webpack.config.js是webpack构建时用的配置，不会输出到最终打包生成的文件里。

每一个页面都应该统一require一个公共的js module，然后在这个module里就可以把各个页面都会使用到的文件都require进来，另外也可以做一些每个页面都需要有的操作，比如说校验权限。

至于只在个别页面使用的插件，就像你说的，就在该页面入口里加载即可。