公共库-CDN

精简 复杂

html引入

                    <script src="https://zhangqh22.gitee.io/libs/vue/vue.min.js"></script>
                    <script src="https://zhangqh22.gitee.io/libs/vue/vue-clipboard.min.js"></script>
                    <script src="https://zhangqh22.gitee.io/libs/jquery.min.js"></script>
                

webpack配置

                    module.exports = {
                        entry: {
                            app: './src/main.js'
                        },
                        externals: {
                            'vue': 'Vue',
                            'vue-router': 'VueRouter',
                            'vuex': 'Vuex',
                            'axios': 'axios',
                            'moment': 'moment',
                            'highlight.js': 'hljs',
                            'vue-clipboard2': 'VueClipboard'
                        }
                    }
                

项目使用

                    import Vue from 'vue'
                    import hljs from 'highlight.js'
                    import VueClipboard from 'vue-clipboard2'
                

后端目录

后端有一个目录 static 专门存储前端静态资源,打包后的文件路径直接改成正确的地址就行了。 如:
                        <script src="/static/vue/vue.min.js"></script>
                        <script src="/static/vue/vue-clipboard.min.js"></script>
                        <script src="/static/jquery.min.js"></script>
                    

友情链接

其他链接

{{ copyMsg }}