本文作者:问几许

vue 引入 jquery,bootstrup

问几许 5年前 ( 2018-03-23 ) 1275 抢沙发
vue 引入 jquery,bootstrup摘要: 想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。1、引入jquery2、引入bootstrap好,下面上货。1、首先新建一个vue工程。2、安装jquery...

想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。


1、引入jquery

2、引入bootstrap


好,下面上货。

1、首先新建一个vue工程。

2、安装jquery

$ npm install jquery --save-dev

3、在webpack.base.conf.js 添加内容

+ const webpack = require("webpack");

module.exports = {
    entry: './index.js',
    output: {    
        path: path.join(__dirname, './dist'),    
        publicPath: '/dist/',        
        filename: 'index.js'    
    },  
    + plugins: [        
        new webpack.ProvidePlugin({            
            jQuery: 'jquery',            
            $: 'jquery'        
        })
        ]
}

4、在main.js中添加内容

import $ from 'jquery'

5、重新 npm run dev,然后打印$.ajax测试是否成功安装

6、安装bootstrap,使用命令

npm install bootstrap --save-dev

7、main.js中添加如下内容:

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


文章版权及转载声明

作者:问几许本文地址:https://wenjixu.com/blog/11.html发布于 5年前 ( 2018-03-23 )
文章转载或复制请以超链接形式并注明出处问几许

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,1275人围观)参与讨论

还没有评论,来说两句吧...