引入Ember插件 大概流程

引入Ember插件 xxx (转自美女同事 LZX)

1.ember install xxx（过程中可能会提示你安装其他包 按照提示语安装就行）

 

2.安装之后会看到 工作目录里已经出现了下载好的安装包

 

3.修改配置项：在ember-cli-build.js这个文件里。需要注意的是这个文件每次修改之后，想要生效，都需要重新开启4200端口（即重新执行ember s 命令）

首先写你需要的配置

然后你需要把你需要的js文件引入。

比如，在上面的配置项中，我写的是language:'zh-cn'，那么我就需要引入对应的语言文件。

注意：相对根目录是项目路径(call_cloud)；

配置项可以配置多个，用hush的形式（不同插件可能不同），并且language加s。

eg :languages:['zh_cn','en_ca'],

项目文件的层级是这样的：

4.在上面引入成功之后，你就可以根据插件本身的官网提示用这个插件了！

　以这个富文本插件为例

一定要注意，我们刚才在ember-cli-build文件中引入，是把你需要的多种情况引入。而你具体要用哪个，需要在文件中再次指定。

比如，你可以在ember-cli-build文件中引入多个语言，languages:['zh_cn','en_ca'],但是在具体用的时候可以根据情况使用，指定language='zh-cn'即可。

 

 

 

注意事项：

1.有的时候我们不需要在ember-cli-build里写配置项，直接引入js文件就好。例如：qrcode（生成二维码）和md5（加密）。这个要根据插件需要。

 

2.有的时候css样式表没有加载上，但是下载的插件文件包里明明有css文件（错误原因尚不清楚），这时候就需要我们手动引入样式表文件。

把压缩过的总的样式文件（如果未压缩的大小相差不多，也可以引入未压缩的文件）复制到项目的styles目录下，

例如：（注意修改css后缀为less）

3.一定要理解，最开始我们下载安装包，是把所有插件里的资源都下载下来。

而你要在项目里用什么，就引入哪个文件就行了。（项目层面）

但是在项目中可能多次调用这个插件，每个插件都有自己的要求，只要在配置里面指定即可。（使用层面）

4.有的时候哪个包不好使，或者你想改他的提示语言，比如，我在用这个富文本插件的时候，

 

默认的提示是这个，但是插件本身并没有开放更改这个提示语的接口，

我们可以选择直接去改他的语言文件。找到anguage文件夹下的zh_cn.js文件，找到相应的代码，

可以改。。。。。可是这个不好改。。。。。因为对应的中文是重新编码的。。。。。你也可以在网上找到转码器然后复制到代码里也是可以的！

5.最重要的一点。。。。。。。对不同的插件，有不同的配置和步骤，不好使就自己多琢磨琢磨！！！