请问如何混淆通过cdn引入的vue编写的vue网页？
比如下面我在网页中直接写的html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=vue.2.2.min|&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
let like = Vue.extend({
template: `
<div>
<h2>全局组件定义方法一</h2>
<p>全局组件定义方法一内容</p>
</div>
`
});
let likelocal = Vue.extend({
template: `
<div>
<h2>局部组件定义方法一</h2>
<p>局部组件定义方法一内容</p>
</div>
`
});
Vue.component('like-com', like);
var app = new Vue({
el: '#app',
components: {
'like-bfw': likelocal,
}
});
});
</script>
<style>
</style>
</head>
<body>
<div id="app">
<like-com></like-com>
<like-bfw></like-bfw>
</div>
</body>
</html>1请问怎么对这段代码进行混淆，以达到vue cli与webpack混淆打包后的效果，请大神指教 私活外包
