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://pwwzsj.com/article/dpghpo.html