vue项目开发中使用插件流程
针对vue项目开发中,通过node本地起服务进行开发,会针对各种情况进行定制化配置处理,比如启动时自动打开浏览器进行服务访问,配置信息合并等操作,此时插件的作用就很关键,如何在项目中从无到有地安装,使用一个插件呢,具体流程如下:
1、安装插件依赖包
#npm install -D open-browser-webpack-plugin
2、在项目根目录中配置vue.config.js文件,引入插件并使用
const openBrowserWebpackPlugin = require('open-browser-webpack-plugin');
const path = require('path');
function resolve(url){
return path.join(__dirname,url);
}
let config = {
configureWebpack:{
resolve:{
alias:{
'@api':resolve('src/api'),
'@router': resolve('src/router')
}
},
plugins:[
new openBrowserWebpackPlugin({
url:'http://localhost:8080'
})
]
}
}
module.exports = config;

浙公网安备 33010602011771号