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;

 

转载于:https://www.cnblogs.com/zhang134you/p/10947795.html