针对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;
原文:https://www.cnblogs.com/zhang134you/p/10947795.html