美文网首页我爱编程
vue-cli 引入 jquery,bootstrap

vue-cli 引入 jquery,bootstrap

作者: 慧灵儿 | 来源:发表于2018-03-30 21:15 被阅读0次

淘宝 NPM 镜像
你可以使用我们定制的 cnpm (gzip 压缩支持) 命>令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装jquery,boostrap依赖

npm install jquery --save-dev
npm install bootstrap --save-dev
// 或者
cnpm install jquery --save-dev
cnpm install bootstrap --save-dev

在webpack.base.conf.js里加入

var webpack = require("webpack")

在module.exports的最后加入

  // 增加一个plugins
  plugins: [
    // 配置全局使用 jquery
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ],

在main.js 引入就ok了

import 'jquery'
import 'bootstrap'

然后一定要重新 npm run dev

相关文章

网友评论

    本文标题:vue-cli 引入 jquery,bootstrap

    本文链接:https://www.haomeiwen.com/subject/njcwcftx.html