vue-cli搭建的项目中引入jquery和bootstrap-创新互联

在项目初始化好之后,首先安装jqury库

站在用户的角度思考问题,与客户深入沟通,找到富县网站设计与富县网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、域名注册网站空间、企业邮箱。业务覆盖富县地区。
cnpm install jquery -S

vue-cli搭建的项目中引入jquery和bootstrap

同时把bootstrap库也一起安装了,待会再一起配置

cnpm install bootstrap@3.3.0 -S     // 指定版本 为3.0版本

vue-cli搭建的项目中引入jquery和bootstrap

安装完了以后 需要做一些配置

在项目的bulid文件下的webpack.base.config.js文件中

var webpack = require("webpack")

末尾:

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ],

vue-cli搭建的项目中引入jquery和bootstrap

在main.js文件中 

import $ from 'jquery'   // 全局引入

vue-cli搭建的项目中引入jquery和bootstrap

也可以单独在组件里单独引用bootstrap库

vue-cli搭建的项目中引入jquery和bootstrap

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:vue-cli搭建的项目中引入jquery和bootstrap-创新互联
文章网址:http://bzwzjz.com/article/dpghpo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 成都定制网站建设 定制网站设计 营销型网站建设 成都网站设计公司 定制网站设计 高端网站设计 成都网站制作 营销型网站建设 广安网站设计 公司网站建设 成都网站建设 成都企业网站设计 成都响应式网站建设 成都网站设计 定制网站制作 手机网站制作 高端网站设计 成都网站建设公司 重庆网站建设 成都定制网站建设 手机网站制作设计