javascript - 如何编译 vue2 和 vue3

Question

我的 package.json 安装vue-loader、<code>vue-template-compiler、<code>@vue/compiler-sfc

// package.json
"devDependencies": {
  "vue-loader": "16.1.2",
  "vue-template-compiler": "2.6.12",
  "@vue/compiler-sfc": "3.0.7"
},
"dependencies": {
  "vue": "2.6.12",
  "vue3": "npm:vue@3.0.7"
}

如何设置 vue2 和 vue3 配置

// webpack.config.js
module.exports = {
  entry: ['a.js', 'b.js'],
  resolve: {
    alias: {}
  }
}

a.js 使用 vue2

// a.js
import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

b.js 使用 vue3

// b.js
import { createApp } from 'vue3'
import App from './App.vue'

createApp(App).mount('#app')

你能帮助我吗 ：）

标签： javascriptvue.jswebpackvuejs3vue-loader