项目后,添加多个html怎么处理
1个回答
展开全部
模板只有一个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",
}
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",
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询