我们用webpack打包文件之后，会生成一个编译压缩过的js文件。如果出现问题，这种代码是很难排查问题的，无法定位到源码。这种时候就需要source map。 webpack中提供了很多种source map的格式。 一般来说，我们在开发环境使用，线上环境是关闭的。 我们来跑一…

最近，在 Github 上 Vue.js 比 React 获得更多的 star。该框架受欢迎程度近期飙升，并且由于它并没有类似于 Facebook（React）或者 Google（Angular）这样的公司支持，看到它从不知名的地方崛起，着实让人惊讶。 回顾过去的光辉岁月，在 …

因为检测并加载了sourcemap，所以可以直接定位到编译前代码的特定位置。所以用一句话解释sourcemap很简单，就是一段维护了前后代码映射关系的json描述文件。但如果细究其内容，可以泡杯茶说一段故事了~ 在2009年google的一篇 文章 中，在介绍Cloure Co…

vite是尤大大在今年新鼓捣出来的一个工具，尤大大对vite的描述是这样的: Vite is an opinionated web dev build tool that serves your code via native ES Module imports during …

Vue.extend 属于Vue的全局 api，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中（例如：ElementUI库），所以Vue.extend + $mount 这对组合…

借助webpack vue-loader App.vue将会导出成一个对象App,h函数将App数据渲染成节点再挂载到#app节点下。至此所有页面操作都在该节点下，包括路由跳转等等。 但是有时候我们也可能需要将节点挂载在其他位置，而非#app上,或者说需要多个可以挂载vue的节…

初学vue。extend，extends，minxin，minxins一直没怎么了解清楚，经过大量的查阅后，总结出以下几点，有什么错误的话请大佬指正。 Vue.extend是一个全局的API，实际是创建一个构造器，并将其挂载到HTML的元素上(创建一个template标签)。可…

一旦陷入 Typescript 就离不开它了。安全感、智能提示、代码重构.. 使用 Typescript 最终还是要转译为 JavaScript 代码，我不想整这一套构建工具，喜欢直接写完直接跑、直接调试、直接发到 npm.. ... 接着添加一个 jsconfig.json …

应聘的是高级Vue工程师的岗位，很奇特的岗位，想想自己也用Vue三年多了，应该算是高级的吧，待遇在这座城市还不错，十几k，15薪。 面试官是一位7年经验的大佬了。面试中问得都是关于Vue和Webpack的问题，还真是要招个高级Vue工程师。 经过Vue API方面、原理方面、W…