vue cli 添加html,vuejs使用vue-cli创建项目后,添加多个html怎么处理?

57f253fa326a858a30ea2ee449622d94.png

春华秋衣

vue-cli默认创建的项目都是假设你在做单页应用,也就是仅有一个index.html作为应用入口,剩下的事情都是交由javascript动态处理的。如果你想直接在vue-cli创建的项目骨架上简单改造成多页面风格,尝试改改build/webpack.dev.conf.js文件的plugins部分吧:module.exports = merge(baseWebpackConfig, {  module: {    loaders: utils.styleLoaders()

  },  // eval-source-map is faster for development

  devtool: '#eval-source-map',  plugins: [    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage

    new webpack.optimize.OccurenceOrderPlugin(),    new webpack.HotModuleReplacementPlugin(),    new webpack.NoErrorsPlugin(),    // https://github.com/ampedandwired/html-webpack-plugin

    new HtmlWebpackPlugin({      filename: 'index.html',      template: 'index.html',      inject: true

    }),    new HtmlWebpackPlugin({      filename: '另一个.html',      template: '另一个模板.html',      inject: true

    })

  ]

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值