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

模板只有一个index.html,多个html难道都写成组件吗？

vue-cli webpack模板,添加多个html文件怎么操作呢？

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

})

]

})

多个页面可以控制组件的展示隐藏，满足的不了的话可以用vue-router

如果要添加多个html，需要修改webpack配置

entry: {

app1: "./src/app1.js",

app2: "./src/app2.js",

}