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

View File

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