如何在 vue.js 版本 3 中配置分隔符+使用构建工具？

发布于 2025-01-11 23:52:28 字数 244 浏览 3 评论 0原文

我被这个问题困扰了一段时间。

官方网站给出了这样的信息：

//分隔符改为ES6模板字符串样式
app.config.compilerOptions.delimiters = ['${', '}']

但它不适用于仅如网站中提到的构建设置..它仅适用于独立的 vue.js

原文

I was stuck with this for a while.

The official site gave this:

// Delimiters changed to ES6 template string style
app.config.compilerOptions.delimiters = ['${', '}']

but it doesn't work for build setup only as mentioned in the site.. it only works for standalone vue.js

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

吃不饱 2025-01-18 23:52:28

在这里发布 @Emperorsum 自己的答案：

无论如何，这终于奏效了：

编辑 vite.config.js：

// https://vitejs.dev/config/
导出默认的defineConfig({
  插件：[vue({
    模板：{
      编译器选项：{
        分隔符：["[[","]]"]
      }
    }
  })],
  解决： {
    别名：{
      '@': fileURLToPath(new URL('./src', import.meta.url))    
    }
  },
})

Posting @Emperorsum's own answer here:

Anyway this finally worked:

Editing vite.config.js thus:

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue({
    template:{
      compilerOptions: {
        delimiters: ["[[","]]"]
      }
    }
  })],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))    
    }
  },
})

回复收藏 0 原文

~没有更多了~