Merge pull request #711 from QingWei-Li/fix/add-ignore-locale

doc: add ignore locale
This commit is contained in:
杨奕 2016-10-28 22:57:16 +08:00 committed by GitHub
commit ef90ce3cda
2 changed files with 17 additions and 5 deletions

View File

@ -12,6 +12,7 @@
## Links
- [Home Page](http://element.eleme.io/)
- [Docs](http://element.eleme.io/#/component)
- [FAQ 中文](./FAQ.md)
## Install
```shell
@ -61,7 +62,7 @@ Vue.component(Button.name, Button)
.babelrc
```json
{
"plugins": ["xxx", ["component", [
"plugins": [["component", [
{
"libraryName": "element-ui",
"styleLibraryName": "theme-default"

View File

@ -13,7 +13,7 @@
新建项目,项目结构为
```text
|- src/ --------------------- 项目源代码
|- App.vue --------------
|- App.vue
|- main.js -------------- 入口文件
|- .babelrc ----------------- babel 配置文件
|- index.html --------------- HTML 模板
@ -79,7 +79,7 @@ module.exports = {
filename: 'build.js'
},
resolveLoader: {
root: path.join(__dirname, 'node_modules'),
root: path.join(__dirname, 'node_modules')
},
module: {
loaders: [
@ -206,7 +206,7 @@ new Vue({
Element 组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。以英文为例,在 main.js 中:
```bash
```javascript
// 完整引入 Element
import Vue from 'vue'
import ElementUI from 'element-ui'
@ -217,7 +217,7 @@ Vue.use(ElementUI, { locale })
```bash
```javascript
// 按需引入 Element
import Vue from 'vue'
import { Button, Select } from 'element-ui'
@ -232,6 +232,17 @@ Vue.component(Button.name, Button)
Vue.component(Select.name, Select)
```
如果使用其它语言,默认情况下中文语言包依旧是被引入的,可以使用 webpack 的 IgnorePlugn 忽略掉它以减少打包后的文件体积。
webpack.config.js
```javascript
{
plugins: [
new webpack.IgnorePlugin(/element-ui\/lib\/locale\/lang\/zh-cn/)
]
}
```
### 开始使用
至此,一个基于 Vue 和 Element 的开发环境已经搭建完毕,现在就可以编写代码了。启动开发模式: