[VueConf2019]蒋豪群 - Vue Beyond Vue Loader

蒋豪群 
Vue.js 官方团队成员，Vue CLI 维护者。曾在阿里巴巴、蘑菇街就职。

2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂，一起见证了VueConf 2019 上海的成功举办。

在大会上，Vue.js 官方团队成员，Vue CLI 维护者蒋豪群给大家带来了主题为“Vue Beyond Vue Loader”的主题演讲。

主题介绍：初学 Vue 的时候，大家可能多半是直接在 DOM 或者 JavaScript 字符串中直接写模板；而进入生产环境，很多人会用上 webpack + vue-loader，编写单文件组件，并预先编译。但 Vue 的使用场景远不止于这两种。本次分享我们将探索 Vue 除了单文件组件以外的各种用法，带大家认识一个不一样的 Vue。

我们一起来看看现场情况：

 

蒋豪群现场演讲，蒋豪群现场QA环节

 

 

为什么要用 3 呢，官方核心维护者给了几个原因：

Cannot upgrade via deps

vue cli 2 创建的项目，我们能升级的只有 vue, webpack 和 webapck 插件本身，而 webpack 和项目的配置文件（即 config 和 build 目录中的文件）无法通过依赖升级来改掉，而 webpack 和 vue-loader 一直在更新，其配置文件也需要随之升级，就成为一个问题

Useless scripts checked into projects

一些无用的脚本文件和资源文件，对写模板的人有用，但对使用的人来说都是无用的，所以需要去删除

No ecosystem sharing

没有一个生态系统的分享，没有插件系统，没有通用的 preset, 如果要调整需要从 templates-vuejs/ewebpack 项目 fork 自己的仓库进行更改并进行调整，但是这个与上游的同步就成为问题

Vue CLI的灵感来源

poi

Zero config Rapid Prototyping 零配置快速原型开发

With just a single JavaScript file you can instantly preview it in your browser. 你可以立即使用浏览器预览一个js文件的执行效果

Interactive Project Scaffolding 交互式项目脚手架

Scaffold out a complete project with desired features in minutes. 分分钟你就可以通过脚手架生成一个自选功能的项目

Framework Agnostic 不偏爱特定框架

Build with your favorite framework or vanilla JavaScript. 随你编译喜欢的框架或者js插件

Fully Extensible 全扩展

A rich collection of official plugins integrating the best tools in the web ecosystem.

A powerful plugin API for making your own plugins. web环境中有官方丰富的扩展作为最好的工具，并且有一个强大的插件接口，提供给你写自己的插件。

neutrino

mozila:webpack-chain链式修改配置，更加优雅

核心概念 Core Concepts

• Scaffolding, not only templating // 脚手架，不仅仅是模板

• Zero Configuration // 借鉴 parcel

• Plugin-based // preset

PPT源文件下载阅读

探索Web编程的另一种形态-俞天翔.pdf(4.3 MB)

后台回复数字2，免费领取PPT演讲课件。