search

weexteam / weex-vue-render

vue-render-for-apache-weex is a third party plugin, and is not developed nor maintained by Apache Weex.
Apache License 2.0
144 stars 33 forks source link

【typescript问题】entry为"xxx.vue?entry=true"的时候会报错 #28

Open xiaomingplus opened 6 years ago

xiaomingplus commented 6 years ago

entry为"xxx.vue?entry=true"的时候会报错。如下图： image

研究了一下，发现应该是给ts-loader传参数的时候有问题，ts-loader的appendTsSuffixTo参数期待的是一个正则表达式，但是用query的json形式无法把正则的参数正确传进去，可否把传参切换成options的形式？

临时解决这个问题的话，可以在ts-loader的入口，加一句：

options.appendTsSuffixTo = [/\.vue$/]

写死这个参数。

Hanks10100 commented 6 years ago

你已经给出了解法，在配置 ts-loader 的时候加上 appendTsSuffixTo 是个比较合理的用法。

另外，最好是用 js 或者 ts 文件为入口文件吧，不要直接用 .vue 文件当入口， .vue 只是组件，页面上总要有一句 new Vue 来触发渲染。（或者在 .vue 文件里加上 el 属性，这样就不需要加 entry=true 了）

xiaomingplus commented 6 years ago

你已经给出了解法，在配置 ts-loader 的时候加上 appendTsSuffixTo 是个比较合理的用法。

另外，最好是用 js 或者 ts 文件为入口文件吧，不要直接用 .vue 文件当入口， .vue 只是组件，页面上总要有一句 new Vue 来触发渲染。（或者在 .vue 文件里加上 el 属性，这样就不需要加 entry=true 了）

但是问题是weex-loader现在在合并loader的时候用的还是webpack1.0的做法，用query来传参，而ts-loader的这个appendTsSuffixTo参数又无法用query stringify来传参。所以我觉得好的思路是weex-loader在合并loader的时候，通通改成 用options来传参，这样才能适配越来越多的库。

想用entry=true主要是因为weex端和web端同时在构建，想尽可能减少两端不一致的写法，不单独为weex加文件。

Hanks10100 commented 6 years ago

在 web 上使用 js 或者 ts 为入口文件也是最佳实践。 用 TypeScript 的时候 weex-loader 和 ts-loader 的配置可以参考这个仓库。 https://github.com/Hanks10100/weex-typescript-example