vue-cli引入bootstrap jquery

首先使用npm引入jQuery

	$ npm install jquery -s -dev

找到build文件夹下的webpack.base.conf.js文件打开,修改配置:

	const webpack=require('webpack');
	在resolve下面添加:
		  plugins: [
					new webpack.ProvidePlugin({
 					 $: "jquery",
				  jQuery: "jquery",
  				"windows.jQuery": "jquery"
		})
  ],
  最后全局在main.js中引入
  import $ from 'jquery'

再引入bootstrap4.0

	$ npm install [email protected] --save-dev

最后在main.js引入

	import 'bootstrap/dist/css/bootstrap.min.css'
	import 'bootstrap/dist/js/bootstrap.min.js'

猜你喜欢

转载自blog.csdn.net/qq_42923536/article/details/86487700