Vue 中引用JQ 和 bootstrap 以及关闭eslint语法

1.关闭eslint语法

webpack.base.conf.js 内查找到eslint相关内容，删除

const createLintingRule = () => ({
// 删除了elint，关闭了ES6语法检测
})

2.npm安装 jq.bootstrap

npm install jquery@2.2.3 --save-dev 

npm install bootstrap@3.3.0 --save-dev 

3.引用JQ

webpack.base.conf.js 内加上  

var webpack = require('webpack')

module.exports{} 内加上
plugins: [
    new webpack.ProvidePlugin({
  $: "jquery",
  jQuery: "jquery",
  jquery: "jquery",
  "window.jQuery": "jquery"
    })
  ]

main.js 加上
import 'jquery'

 

4.引用bootstrap

 

main.js加上

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

5.再他妈的 npm run dev 就O他妈的鸡巴K了