vue專案引入bootstrap jq

2021-08-19 06:53:18 字數 688 閱讀 1485

引入jquery

npm install jquery 

找到build資料夾下的webpack.base.conf.js檔案開啟,修改配置:

1、加入webpack物件:

var webpack=require('webpack');

2、在module.exports裡面加入:

[html]view plain

copy

plugins: [  

new webpack.provideplugin()  

]  3、在入口檔案main.js中加入

[html]view plain

copy

import $ from 'jquery'

引入bootstrap

npm install bootstrap

需要在main.js中新增如下內容:

import 

'bootstrap/dist/css/bootstrap.min.css'

import

'bootstrap/dist/js/bootstrap.min'

然後重新啟動 npm run dev 就ok了

vue 專案 引入jquery

1 在專案中安裝jquery。npm install jquery 2 在專案根目錄下的build webpack.base.conf.js檔案中 先寫以下 var webpack require webpack 在module.exports的最後寫 3 在根目錄下的 src main.js中引入...

vue專案引入element ui

先 npm 安裝element ui npm i element ui s然後分為 完整引入 和 按需引入 完整引入 我就不多說了,十分簡單,參照官網 官網位址 按需引入 首先npm安裝依賴 npm install babel plugin component d然後在babel.config.js...

VUE專案引入jquery

既然寫專案,那麼少不了用jq,那我們就引入進來吧 1 因為已經安裝了vue腳手架,所以需要在webpack中全域性引入jquery 開啟package.json檔案,在裡面加入這行 jquery後面的是版本,根據你自己需求更改。2 然後在命令列中cnpm install 大多人應該都是使用的 映象,...