Vue js CLI 3无法使用Thymeleaf语法生成

Question

基于VUI的多页面应用程序。后端的js CLI 3和Spring Boot。

我阅读官方文档来构建多页面，所以我的vue.config.js看起来像：

module.exports = {
    outputDir: 'target/dist',
    pages: {
        home: {
            entry: 'src/home/home.js',
            template: 'src/home/home.html',
            filename: 'home.js'
        },
        otherPage: {...}
    }
}

一切都很好，直到我在模板中添加了一些Thymeleaf语法（例如，使用Placeholder${text}）。生成失败，因为未解析的${}占位符（我不知道哪个加载程序或插件尝试解析这些占位符，我使用标准的vue cli网页包项目结构..）。

有没有一种方法来配置webpack，以忽略Thymeleaf语法，而不是试图解决这些占位符？

Answer 1

我用

但它不适用于

<script>
    var user = <%="$"%>{user};
</script>

然后我找到了解决办法

<script th:inline="javascript">
/*<![CDATA[*/
    var user = /*[[<%="$"%>{user}]]*/ 'default';
/*]]>*/
</script>