如何修改'Webpack configure'以将Bootstrap与'Vue-create'一起使用

时间:2019-01-16 13:19:37

标签: javascript vue.js

当我使用'vue init bootsboot-vue / webpack-simple my-project'安装Vue时,
根据“ {https://bootstrap-vue.js.org/docs”,“ Bootstrap-vue”效果很好,
但是由于我用'vue create'安装了Vue,
“ package.json”不同,没有webpack.configure.js
即使我制作了webpack.configure.js,它也不起作用。
我应该改变什么?

这是我通过'vue create'创建的'Package.json'

{
  "name": "red",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "bootstrap": "^4.2.1",
    "bootstrap-vue": "^2.0.0-rc.11",
    "buefy": "^0.7.1",
    "firebase": "^5.7.3",
    "path": "^0.12.7",
    "popper": "^1.0.1",
    "vue": "^2.5.21",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "vuexfire": "^3.0.0-alpha.14"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.3.0",
    "@vue/cli-plugin-eslint": "^3.3.0",
    "@vue/cli-service": "^3.3.0",
    "@vue/eslint-config-airbnb": "^4.0.0",
    "babel-eslint": "^10.0.1",
    "css-loader": "^2.1.0",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.0.1",
    "style-loader": "^0.23.1",
    "vue-template-compiler": "^2.5.21"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/airbnb"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

我要使用“引导程序”。

0 个答案:

没有答案