1. 程式人生 > >vue-cli項目引入jquery和bootstrap

vue-cli項目引入jquery和bootstrap

代碼 web function ports min clas jquer window keyword

1.安裝插件

npm install jquery --save
npm install bootstrap --save
npm install popper.js --save

2.配置插件:

webpack.base.conf.js的module.exports裏加入:

plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ],

3.main.js中添加:

import ‘jquery/dist/jquery.min.js‘ import ‘bootstrap/dist/css/bootstrap.min.css‘ import ‘bootstrap/dist/js/bootstrap.min.js‘ 4.配置.eslintrc.js: env: { ...... jquery: true }, 5.測試代碼: app.vue: <script> $(function () { alert(‘234‘) })
export default { name: ‘App‘ } </script>

vue-cli項目引入jquery和bootstrap