Vue-cli: 设置了optimization.runtimeChunk = 'single' 后页面空白（无任何报错信息）

Created on 5 Sep 2018 · 2Comments · Source: vuejs/vue-cli

Version

3.0.1

Reproduction link

https://github.com/js5323/vue-demo.git

Node and OS info

node v10.0.0/ npm 6.4.0

Steps to reproduce

git clone https://github.com/js5323/vue-demo.git && cd ./vue-demo && npm i && npm run serve

What is expected?

页面应该渲染出内容

What is actually happening?

页面空白

设置了optimization.runtimeChunk = 'single' 后页面空白（无任何报错信息）

原本想设置splitChunks将ui独立出来，但是设置了后也页面也无法正常运行

若删除了optimization的配置页面正常展示

Source

js5323

Most helpful comment

https://cli.vuejs.org/config/#pages

你需要给 pages 加上 chunks 选项：

pages: {
    index: {
      entry: 'src/pages/index/main.js',
      filename: 'index.html',
      // 默认 production mode 下已经配置了 splitChunks
      // 所以要加上 chunks-vendor 和 chunks-common
      // runtimeChunk: 'single' 增加了一个名为 runtime 的 chunk
      chunks: ['chunk-vendors', 'chunks-common', 'runtime', 'index']
    }
  },

sodatea on 5 Sep 2018

👍5 🚀2

All 2 comments

https://cli.vuejs.org/config/#pages

你需要给 pages 加上 chunks 选项：

pages: {
    index: {
      entry: 'src/pages/index/main.js',
      filename: 'index.html',
      // 默认 production mode 下已经配置了 splitChunks
      // 所以要加上 chunks-vendor 和 chunks-common
      // runtimeChunk: 'single' 增加了一个名为 runtime 的 chunk
      chunks: ['chunk-vendors', 'chunks-common', 'runtime', 'index']
    }
  },

sodatea on 5 Sep 2018

👍5 🚀2

已经解决，谢谢你

js5323 on 5 Sep 2018

Was this page helpful?

0 / 5 - 0 ratings