vue-cli項目引入jquery和bootstrap
阿新 • • 發佈:2019-03-31
代碼 web function ports min clas jquer window keyword
export default {
name: ‘App‘
}
</script>
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‘) })
vue-cli項目引入jquery和bootstrap