vue 组件 怎么单独编译与使用

LuDongWei
  • 620

在老的项目中初次尝试vue倍感高兴,简单的使用没有问题。但是使用vue的组件的时候发现不能在老项目中很好的兼容使用。问题如下:

使用webpack后vue组件能正常使用,但是入口的文件也会被编译。然后老项目原来使用的是seajs框架,编译后js文件不能正常的调用原来seajs的文件了。

我自己的尝试是使用gulp直接编译*.vue文件,然后组件就像调用别的js插件一样直接调用就可以。我找到了gulp-webpack这个gulp插件能在gulp中直接webpack,尝试不得法,寻求帮助。

再次尝试结果:

clipboard.png

clipboard.png

编译已经没问题了,怎么能在select2.bundle.js前面再加上select2 文件夹呢?

clipboard.png

这样改以后可以了到底是为什么呢 求解?

2017-2-13

.vue 文件能正常编译成js文件,然后被使用了。但是发现有以下问题:
如果.vue的内容为全局组件,能正常的使用。
如果.vue的内容为局部组件,我需要在外部调入的话就无法再外部正常使用,外部代码无使用es6。

回复
阅读 7.7k
1 个回答
TIGERB
  • 9.5k

直接用的webpack~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏