打包后太大了

[nyrf]

没用vux前打包出来只有80K不到，打包这一点进去后就变成500多了

<template>
  <div>
    <group>
      <cell title="vue" value="cool"></cell>
    </group>
  </div>
</template>

<script>
import { Style, Group, Cell } from 'vux'
export default {
  components: {
    Style, // style component is necessary
    Group,
    Cell
  }
}
</script>

[airyland]

Hi, 这个主要是import语法是babel编译的，没法实现只打包使用的，相当于整个库都打包了。昨天我已经实现了单个引用，稍后会完善文档。

[nyrf]

谢谢，感觉单引用还是用必要的，做移动用vue主要是小巧。

[Jeesoong]

@nyrf @airyland 我之前用也是这样的，看太大了就把组件单拿出来了，没按照官方的引入，项目用的是手淘的适配方案，样式也自己覆盖了一下

[airyland]

@Jeesoong 直接作为submodule引用vue文件也是可以的 就是协作更新麻烦点 不过现在也终于能支持单组件import了

[nyrf]

@airyland 谢谢，不过用最新的测试了下，报错：Module not found: Error: Cannot resolve 'file' or 'directory' ./vux/vux.css，代码用的README里的例子

[nyrf]

@Jeesoong 手淘的适配方案地址是？谢谢

[airyland]

@nyrf 目测这可能是webpack loader的问题，需要检查一下，暂时可以用相对路径解决

@import '../node_modules/vux/vux.css';

[nyrf]

@airyland 我用的是vue-cli 创建的，没修改过什么，我再试试，谢谢

[airyland]

@nyrf

正确引入vux.css的方式是这样：

@import '~vux/vux.css';

[Rockergmail]

src/components中很多组件都是用es6写的，这样也会对babel打包，有什么方法可以针对vue文件的script转换为es5吗？

[airyland]

@Rockergmail ”对babel打包“是什么鬼？使用webpack所有script都会变成es2015吧。

[Rockergmail]

@airyland 谢谢你的解答，因为我的项目打包之后，里面很多babel的东西，所以想找方案去掉babel，所以我是想用构建工具（gulp）将es6变成es5之后再打包。你知道有对vue文件里面的es6转换成es5的方法吗？

[airyland]

@Rockergmail 为了使用新语法加入babel的polyfill也是正常的。目前应该不可能不用pollyfill实现兼容。所以你不用babel也一定是其他的polyfill，需要自行探索，但是不推荐。

[Rockergmail]

@airyland 如何自定义生成vux.css？我的项目里面有很多都用不上

[airyland]

@Rockergmail 见v0.1.2 release