vue各版本介绍 – 随身笔记

https://sdeno.com/wp-content/uploads/2022/05/clipboardvue.png

引入第三方cdn你会发现vue有多个不同版本命名文件

cjs
全名CommonJS，适用于 Node 和 Browserify/Webpack

runtime
不含 compiler（用于编译的）组件，也就是说不能这么写

new Vue({
  el: "#box",
  template: "<div>{{msg}}</div>", //不能使用template属性
});

jskoa.com/?p=8331

prod
表示这个是生产环境使用的版本，代码会进行丑化压缩，有些变量可能会使用a,b,c来代替

min
代码仅仅做了压缩处理删除多余空白、换行而已

esm
让浏览器支持 <script type=”module”> 这样方法引入，但是对浏览器要求高

//module.js
export default function test(){
  return 'test...'
}

// index.js
import test from './module.js';
console.log(test())




<body>
  // ⽅法 1 ：引⼊module.js，然后在script标签⾥⾯调⽤
  <script type="module">
    import test from './module.js';
    console.log(test())
  </script>
  
  // ⽅法 2 ：直接引⼊index.js，使⽤src引⼊
  <script type="module" src="./index.js"></script>
</body>

global
是包含编译器和运行时的“完整”构建版本

bundler
说明文件走了类似webpack、gulp打包生产出来的

browser
适用于浏览器使用<script src=””>