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;

 

posted @ 2019-05-30 09:45  燃烧小火苗  阅读(2352)  评论(0编辑  收藏  举报