扫码关注官方订阅号
模板只有一个index.html,多个html难道都写成组件吗?vue-cli webpack模板,添加多个html文件怎么操作呢?
闭关修行中......
vue-cli默认创建的项目都是假设你在做单页应用,也就是仅有一个index.html作为应用入口,剩下的事情都是交由javascript动态处理的。
vue-cli
index.html
javascript
如果你想直接在vue-cli创建的项目骨架上简单改造成多页面风格,尝试改改build/webpack.dev.conf.js文件的plugins部分吧:
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", }
我觉得只能是在不同的html页面上通过<script>标签的形式引如vue.js.
<script>
vue.js
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
vue-cli默认创建的项目都是假设你在做单页应用,也就是仅有一个index.html作为应用入口,剩下的事情都是交由javascript动态处理的。如果你想直接在
vue-cli创建的项目骨架上简单改造成多页面风格,尝试改改build/webpack.dev.conf.js文件的plugins部分吧:多个页面可以控制组件的展示隐藏,满足的不了的话可以用vue-router
如果要添加多个html,需要修改webpack配置
我觉得只能是在不同的html页面上通过
<script>标签的形式引如vue.js.