Vue-cli3.0配置Bootstrap

第一步: 安装插件

yarn 安装:
    yarn add jquery         或者指定版本:yarn add jquery@1.12.4
    yarn add bootstrap      或者指定版本:yarn add bootstrap@3.3.7
    yarn add popper.js

npm 安装
    npm install juqery --save
    npm install bootstrap --save
    npm install popper.js --save

第二步:配置webpack.base.conf.js

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        'window.jQuery': 'jquery',
        Popper: ['popper.js', 'default']
      })
    ]
  }
}

第三步:在main.js添加

import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min";

第四步可选(如果 eslint 报误,请设置 .eslintrc.js 文件)

module.exports = {
  env: {
    node: true,
    jquery: true
  }
};

当这几步配置完成后,就可以使用bootsrtap了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容