From c20113dd5d78a6145c3f9bd671eb79c417c71070 Mon Sep 17 00:00:00 2001 From: "qingwei.li" Date: Fri, 28 Oct 2016 21:35:05 +0800 Subject: [PATCH] doc: add ignore locale --- README.md | 3 ++- examples/docs/zh-cn/quickstart.md | 19 +++++++++++++++---- 2 files changed, 17 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 58566902..d2390c3c 100644 --- a/README.md +++ b/README.md @@ -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" diff --git a/examples/docs/zh-cn/quickstart.md b/examples/docs/zh-cn/quickstart.md index c92bb64a..ee5b2563 100644 --- a/examples/docs/zh-cn/quickstart.md +++ b/examples/docs/zh-cn/quickstart.md @@ -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 的开发环境已经搭建完毕,现在就可以编写代码了。启动开发模式: