随身笔记
随身笔记

vue各版本介绍

http://jskoa.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=””>

 

 

 

 

随身笔记

vue各版本介绍
引入第三方cdn你会发现vue有多个不同版本命名文件   cjs 全名CommonJS,适用于 Node 和 Browserify/Webpack     runtime 不含 compiler(用于编译的) …
扫描二维码继续阅读
2022-05-05