因为时间比较赶,所以搭建的任务我建议我用比较成熟的组件库的配置文件,而不是自己手动搭建一个,这样太浪费时间了
element源码是有工程化,官网组件库等,我是想用工程化搭建项目,
工程化element搭建的优势
只要你写完组件就可以一件打包额~
下面是工程化element的优势和介绍
接下里说下我们要用到的指令
node build/bin/build-entry.js进行组件打包
node build/bin/build-locale.js进行国际化刷新
node build/bin/gen-cssfile.js进行css刷新
接下来是改变公共样式
在packages/theme-chalk/commom/var.sass里修改
下面的是放icon 编译过程都有注释
这个是入口文件在wabpack.config里可以看见这个入口文件的
**=======================================================**
接下来是项目开发的命令
npm run dev 启动开发环境
node build/bin/new.js $(filter-out
@
,
@,
@,(MAKECMDGOALS)) 是创造新组件
**============================================**
接下来说工程化最优秀的地方
*比如: make new tyyl 天与养老 创造了一个新组件
1、在/packages 目录下新建组件目录,并完成目录结构的构建
2、创建四种语言的组件文档,/examp les/docs/{ lang}/tyyl . md
冲
3、创建组件单元测试文件,/test/unit/specs/tyyl。md
4、创建组件样式文件,/packages/ theme-chalk/src/tyyl.scss
5、创建组件类型声明文件,/types/tyyl.d.ts
6、配置
在components. json文件中配置组件信息
在/exmaples/nav. config. json中添加新组件的路由配置
在/packages/ theme- chalk/src/index.scss文件中自动引入该组件的样式文件将类型声明文件在/ types/e Lement-ui.d.ts中自动引入
差不多配置文件的解释就这些了,还有一些没有讲,像i18n这些就不码字了,因为我公司暂时还没有进军国际化的想法哈哈~