weex-vue-loader-ex 是一个 Vue 文件编译器，能够将 Vue 文件编译成在 Weex 平台上运行的 JavaScript 文件，因此在 Weex 平台上开发时可以使用 vue 文件来开发，使用 weex-vue-loader-ex 就可以将 vue 文件转换成 canjs 文件。
安装
weex-vue-loader-ex 可以通过 npm 安装。
npm install weex-vue-loader-ex --save-dev
使用方法
使用 weex-vue-loader-ex 编译 vue 文件并生成 canjs 文件，需要在 webpack.config.js 文件中增加 vue-loader 和 weex-vue-loader-ex。
-- -------------------- ---- -------
----- ---- - ---------------
----- - --------------- - - ---------------------
----- --------------- - -----------------------------
-------------- - -
------ ------------------
------- -
----- ----------------------- --------
--------- ----------
--
------- -
------ -
-
----- ---------
---- -
-
------- ------------
--
-
------- ---------------------
-------- -
--------- ------- -------
-
-
-
-
-
--
-------- -
--- -----------------
-
-在代码中定义 vue 文件内容：
-- -------------------- ---- -------
----------
-----
-------- ------- ---------
------
-----------
--------
------ ------- -
---- -- -
------ -
-------- ------ ------
-
-
-
---------执行编译：
webpack --config webpack.config.js
生成的 canjs 文件：
-- -------------------- ---- -------
----------------------------------------- ----------------- -------- ------- -
---- --------
--- ---- - ---------------
--- ----- - -----------------------------
--- ----------- - -----------------------
--- ------------ - ------------------------------------
--- -------- - -----------------------------
--- --------- - ----------------------------
-------- --------------------------- - ------ --- -- -------------- - --- - - -------- --- -- -
--- --- - ----------------------
----- -------- ------ -
------ -
-------- ------ ------
--
--
-------- --
---
------ - --------
--- ------------------------------------
-- ---------------------- -
------------------------- --------
- ---- -
-------------- - ----
-
----
----------------------------------- ------------------------------------ -------- --- - ------ -- ---参数说明
weex-vue-loader-ex 的参数如下：
provides功能同 webpack 里的 ProvidePlugin，提供模块在运行时模块的变量或模块template是否使用模版
常见问题
编译失败
如果编译失败，可以先尝试升级 webpack 和 weex-vue-loader-ex 版本。如果仍然不行，可以到 github 库里查看 issues，或者在群里寻求帮助。
总结
weex-vue-loader-ex 是一个能够将 vue 文件编译成在 Weex 平台上运行的 JavaScript 文件的 Vue 文件编译器，是在 Weex 开发中使用 vue 文件的必备工具。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf781e8991b448e6c02