javascript - vuejs使用vue-cli创建项目后,添加多个html怎么处理?
阿神
阿神 2017-04-11 11:12:42
[JavaScript讨论组]

模板只有一个index.html,多个html难道都写成组件吗?
vue-cli webpack模板,添加多个html文件怎么操作呢?

阿神
阿神

闭关修行中......

全部回复(3)
PHPz

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",
}
巴扎黑

我觉得只能是在不同的html页面上通过<script>标签的形式引如vue.js.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号