VUE集成AdminLte

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1. 安装需要到插件

npm i admin-lte -S
npm i jquery -S
npm i axios -S
npm i vue-router -S

2. 配置webpack.config.js

2.1 module.exports.module.rules修改字体loader:

{
	test: /\.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/,
	loader: 'file-loader',
	options: {
	  name: '[name].[ext]?[hash]'
	}
}

2.2 module.exports增加:

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

3. 配置main.js

import 'font-awesome/css/font-awesome.css'
import 'ionicons/dist/css/ionicons.css'
import 'bootstrap/dist/css/bootstrap.css'
import 'admin-lte/dist/css/skins/_all-skins.css'
import 'admin-lte/dist/css/AdminLTE.min.css'

import 'bootstrap/dist/js/bootstrap.min.js'
import 'admin-lte/dist/js/adminlte.min.js'

转载于:https://my.oschina.net/pasenger/blog/1930281

你可能感兴趣的:(VUE集成AdminLte)