首发于<aname"D0c8t"</a背景：前端同事前辈写了一个提供给其他部门的JS插件，写的是提供给前端使用的工具类，使用的是commonjs规范，导出变量使用的是module.exports的方式，使用的是webpack打包，打出的包可正常通过script标签引入使用，但无法通过importxxxfrom"xxx"/

这是我第4篇简书。  都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用

Vue项目性能优化—实践指南前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题，所以我们仍然需要去关注Vue项目性能方面的优化，使项目具有更高效

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题，所以我们仍然需要去关注Vue项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际

前言在此之前，你需要去npm官网注册一个属于自己的账号，记住自己的账户名以及密码、邮箱，后面会用的到。第一步，安装webpack简易框架vue init webpacksimple marquee这里会用到vueinit命令，如果你的cli版本是3或者以上，那么在此之前你需要安装vue/cliinitnpminstallg@vue

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题，所以我们仍然需要去关注Vue项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过

如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一起提到的工具和库，如Vuex、Webpack、VueCLI和Nuxt。也许您在面对这些未知的术语和

在研究react和webpack的时候，经常看到在js文件中出现require，还有import，这两个都是为了JS模块化编程使用。CSS的是@import1.ES6模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。Require是CommonJS的语法，CommonJS的模块是对象，输入时

\AST:全称为AbstractSyntaxTree，意为抽象语法树，他是源代码语法结构的一种抽象表示。AST是一个非常基础但是同时非常重要的知识点，我们熟知的TypeScript、babel、webpack、vuecli得都是依赖AST进行开发的。本文将通过AST与前段工程化的实战向大家展示AST的强大以及重要性。

CommonJS规范主要解决服务端中library的导入导出问题。NodeJS（同时也包括webpack与npm）是CommonJS规范的实现由于CommonJS规范引入依赖的方式是同步的，而在浏览器端需要进行异步加载，因此创建了AMD规范用于浏览器端管理依赖问题。require.js是AMD规范的一管实现。U