1
我正在Vue.js中写入我的网站的单个页面。我有一个file.html和一个file.js。 file.html看起来是这样的：将vue模板预编译为渲染函数
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>
<body>
<div id="app">
// everything to be displayed on the page (data, v-if & v-else tags etc.)
</div>
</body>
而file.js看起来是这样的：
new Vue({
el: '#app',
data: {
msg: "hello",
// some other data
}
});
当我下载该网站，警告显示：
[email protected]：440 Vue公司警告]：看起来您正在使用内容安全策略 禁止不安全评估的环境中使用Vue.js的独立版本 。模板编译器无法在此 环境中工作。考虑放宽策略以允许不安全评估或 将您的模板预编译为渲染函数。
我不得不在我的应用程序中不允许使用eval，所以唯一的方法就是预编译vue代码。我查阅了Webpack和Browserify，但它们看起来相当复杂，并且总是与一个整个应用程序一起使用，而我只是想要预编译一个单独的文件。
有没有办法做到这一点？ 在此先感谢。