mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-12-04 13:17:47 +08:00
Merge pull request #711 from QingWei-Li/fix/add-ignore-locale
doc: add ignore locale
This commit is contained in:
commit
ef90ce3cda
@ -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"
|
||||||
|
@ -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 的开发环境已经搭建完毕,现在就可以编写代码了。启动开发模式:
|
||||||
|
Loading…
Reference in New Issue
Block a user