Configuring Vue and Webpack in Vuepress app

Question

In my Vuepress project I would like to use v-runtime-template.

Their setup instruction says

You must use the with-compiler Vue.js version. This is needed in order to compile on-the-fly Vue.js templates. For that, you can set a webpack alias for vue to the vue/dist/vue.common file.

This could be achieved by adding

module.exports = {
  runtimeCompiler: true
};

to vue.config.js, but I do not understand how to configure in Vuepress.

I tried this:

// .vuepress/enhanceApp.js
export default ({ Vue, options, router, siteData }) => {
  Vue.config.runtimeCompiler = true
}

but it did not give any results. How should the configuration be done?

Peter Uithoven · Accepted Answer · 2020-04-03 13:28:57Z

1

From: https://github.com/vuejs/vuepress/issues/402#issuecomment-388169056

Add the following to your .vuepress/config.js:

chainWebpack(config) {
  config.resolve.alias.set('vue', 'vue/dist/vue.common.js')
}

More info: https://vuepress.vuejs.org/config/#chainwebpack

answered Apr 3, 2020 at 13:28

Peter Uithoven

8552 gold badges8 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Configuring Vue and Webpack in Vuepress app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related