Go语言视频零基础入门到精通

admin

0.修改Webpack.base.conf.js

1. 1 var webpack = require ("webpack") //add
2. 2
3. 3 //...
4. 4
5. 5 module.exports = {
6. 6   resolve: {
7. 7     extensions: [".js", ".vue", ".json"],
8. 8     alias: {
9. 9       "vue$": "vue/dist/vue.esm.js",
10. 10       "@": resolve("src"),
11. 11       "jquery" : "jquery" //add
12. 12     }
13. 13   },
14. 14   // add
15. 15   plugins : [
16. 16     new webpack.ProvidePlugin ({
17. 17       // 将jquery及其别名注册到全局
18. 18       $ : "jquery" ,
19. 19       jQuery : "jquery",
20. 20       "window.jQuery" : "jquery" ,
21. 21       // 将Popper及其别名注册到全局
22. 22       Popper : ["popper.js" , "default"]
23. 23     })
24. 24   ]
25. 25 //...
26. 26 }

复制代码

1.修改bootstrap源码

1. 1 (function (global, factory) {
2. 2     typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("jquery"), require("popper.js")) :
3. 3     typeof define === "function" && define.amd ? define(["exports", "jquery", "popper.js"], factory) :
4. 4     (factory((global.bootstrap = {}),global.jQuery,global.Popper));
5. 5 }(
6. 6   window , // 此参数原本为this,改为window
7. 7   (function (exports,$,Popper) { "use strict";
8. 8
9. 9 $ = $ && $.hasOwnProperty("default") ? $["default"] : $;
10. 10 Popper = Popper && Popper.hasOwnProperty("default") ? Popper["default"] : Popper;
11. 11 //...
12. 12 }))) ;

复制代码

2.在单文件组件(.vue)或main.js中引入bootstrap.js

1. import "/the/path/of/bootstrap.js"

复制代码

3.END