vux-loader 介绍

vux-loader 是什么? - 图1vux-loader 是什么? - 图2

vux-loader工具的作用是对.vue代码进行预处理,不限于 vux 组件库。

它是针对webpack+vue-loader项目的工程化工具,简化了webpack插件和loader的使用和编写,支持在vue-loader处理之前进行预处理,同时内置对vux组件专用的配置和优化插件。

当然除了.vue文件外,你还可以对js文件进行预处理。说好的处理.vue文件,为什么连js文件也不放过呢?因为只有处理js才能实现理想工程化。举个例子,如果用户需要在main.js中调用vux的plugin,他需要这样做:

  1. import AlertPlugin from 'vux/src/plugins/Alert'
  2. import ToastPlugin from 'vux/src/plugins/Toast'

虽然路径不长,但是看着相当不和谐,为了简化这个操作vux提供了更简洁的写法:

  1. import { AlertPlugin, ToastPlugin } from 'vux'

这个操作即是通过js-parser插件解析main.js里的import语法来实现的,最终进入babel处理的代码和上面单独引入一致。

这个工具也许会帮你进一步打开Vue项目工程化的思路。

作为通用工具,即使你没有使用 VUX,依然可以使用它来进行各种代码处理。

为什么不使用 babel-plugin-import

  • VUX 希望使用源码分发
  • VUX 希望无侵入地解决一系列的工程问题,不需要用户手动配置 webpack
  • VUX 希望能统计(匿名)使用情况
    而上面这些单纯使用 babel-plugin-import 无法做到,所以造了个轮子。