mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-12-03 20:58:09 +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
|
||||
- [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"
|
||||
|
@ -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 的开发环境已经搭建完毕,现在就可以编写代码了。启动开发模式:
|
||||
|
Loading…
Reference in New Issue
Block a user