我使用 Vue cli 创建了一个 vue 3 项目。我正在使用 webpack 配置来管理我的构建。当我将 vue 包指向 vue.runtime.esm-browser.js 时,我会在浏览器控制台中收到警告。“[Vue 警告]:组件提供了模板选项,但此 Vue 版本不支持运行时编译。请改用“vue.esm-browser.js”。”
当我检查文档时,有人提到“vue-loader”插件将 html 模板转换为呈现函数。看起来我缺少 webpack 所需的东西。
import { createApp } from "vue";
import corecomponentA from "../core/components/corecomponentA.vue";
createApp({
components: {
"core-component-a": corecomponentA,
},
}).mount("#app");
Run Code Online (Sandbox Code Playgroud)
var path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const { VueLoaderPlugin } = require("vue-loader");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
.BundleAnalyzerPlugin;
const WebpackBar = require("webpackbar");
module.exports = (env, options) => {
const devMode = options.mode != …Run Code Online (Sandbox Code Playgroud)