zoukankan      html  css  js  c++  java
  • vue中引入jQuery和bootstrap

    一、引入jQuery:

    首先在当前项目的根目录下(就是与package.json同目录),运行命令npm install jQuery --save-dev   这样就将jQuery安装到了这个项目中。

    然后修改webpack.base.conf.js两个地方:

    其一:加入var webpack = require("webpack");

    其二:在module.exports的里面加入

    plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
    })
    ]

    加到最后就好。

    最后在main.js中加入import $ from 'jquery' 完成jQuery的引入。

    引入 bootstrap.css文件:

    将bootstrap.min.css放入static文件夹下面,在index.html文件中像以前引入css一样link标签就可以。

    引入bootstrap.min.js文件:

    在main.js中import引入

  • 相关阅读:
    8.25
    8.24
    8.23
    8.22
    8.21
    8.20
    8.19
    8.18
    8.17
    8.16
  • 原文地址:https://www.cnblogs.com/feixuelianyi/p/6474992.html
Copyright © 2011-2022 走看看