create react app 添加decorator

es6 语法中的decoration还没有在浏览器统一实现，如果要使用需通过babel处理一下。create react app 中没有额外的方法给你支持babel配置（估计以后会有，vue中就处理的很好），只能通过eject来配置了。

1.eject crate react app 提供了释放webpack+react配置的原项目的方法，释放完以后就变成了webpack构建的react的完整项目，脱离了create react app的封装，可以自行进行webpack和其他相关构建工具的配置。

2.添加.babelrc文件，并开启decoration。通过npm安装对应的插件

安装插件

OK! 可以运行 npm start 。

官网： https://didi.github.io/cube-ui/#/zh-CN

GitHub： https://github.com/didi/cube-ui

1、首先创建一个vue项目

2、安装cube-ui

3、官方推荐使用 babel-plugin-transform-modules 插件，可以更优雅引入组件模块以及对应的样式。

4、配置下这个插件，修改 .babelrc：(添加到plugins中去)

引入方式1：全部引入

一般在入口文件main.js中：

全部引入了后就相当于全局注册了，直接用就可以了。不需要在每个.vue文件中import { … } （局部引入），以及components{ … }局部注册了。

引入方式2：按需引入

注意： 按需引入的话，是不会打包基础样式部分的，所以在使用的时候需要引入 style 模块。

注册方式 可选全局注册也可以选择局部注册：

所有的可按需引入的组件：

也可以引入create-api和better-scroll模块：

示例

不使用后编译

注意： cube-ui 搭配 webpack 2+ 默认就会使用后编译，但是后编译需要有一些依赖以及配置（参见本页最后）；如果不想使用后编译的话，可以直接修改 webpack 配置即可

使用后编译

1、修改 package.json

2、修改 .babelrc，依旧依赖babel-plugin-transform-modules

3、修改 webpack.base.conf.js

4、修改 build/utils.js 中的 exports.cssLoaders 函数

我们使用脚手架构建项目的时候，经常会产生一些.xx 的文件。

使用VScode都会在文件菜单里面显示出来，就感觉很繁琐。不方便找文件，看项目结构。

那我们想隐藏这类 .文件怎么 *** 作呢？