我正在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,但它們看起來相當複雜,並且總是與一個整個應用程序一起使用,而我只是想要預編譯一個單獨的文件。
有沒有辦法做到這一點? 在此先感謝。