vue-static-router-generator

根据路由生成对应静态html文件

Build Setup

# install dependencies

npm install vue-static-router-generator --save #安装静态路由到项目中


----说明 [ 开始 ]-----
找到webpack.prod.conf.js 文件

const VueStaticRouterPlugin=require('vue-static-router-generator');
//文件头部vue-static-router-generator添加引用
//去掉文件文件new HtmlWebpackPlugin() 配置项


//module.export之前添加
new VueStaticRouterPlugin({
  plugins: webpackConfig.plugins,
  routers: [
   { path: "index" }, //生成index.html
   { path: 'details' }],//生成details.html
  commonOptions: {}
});



 /*  参数说明
  @plugins 
   webpackConfig.plugins

  @routers = [ { path:'index',isHtml:true,template:"",script:""}]
    @routers 参数
    @path 生成文件名称 
    @isHtml:true ,默认为false, 是否由静态路由接管，如果没引用静态路由请忽略。
    @template :"" 文件名称,
    @script :" " 插入一段js代码，暂时不支持文件插入;

   @commonOptions ={}  HtmlWebpackPlugin默认参数配置

  */

npm run build 查看dist目录下会成功多个html静态文件

----说明 [ 结束 ]-----