Powered by md-Blog  文 - 篇  访客 -

Vue-CLI@4.x 实现多页入口文件构建


  分类:Vue  / 
更新:2020-11-01 17:25:26  /  创建:2020-03-31 16:39:04
不要删除

1. 目录结构

/src
--src
 --pages
  --app
   --index.html
   --index.vue
   --main.js
  --home
   --index.html
   --index.vue
   --main.js

2. 新建配置文件

/vue.config.js
module.exports = {
  pages: {
    home: {
      entry: './src/pages/home/main.js',
      template: './src/pages/home/index.html',
      filename: 'home.html',
      title: '家',
    },
    app: {
      entry: './src/pages/app/main.js',
      template: './src/pages/app/index.html',
      filename: 'app.html',
      title: '应用',
    },
  },
};

3. 实现

npm run serve

浏览器访问:

localhost:8080/home
localhost:8080/app

不要删除

小站不易,感谢支持!