grunt打包UEditor示例

阅读更多

       这是百度给出的一个UEditor,正好用的grunt打包，但我经过一步步操作后没有成功，最终解决。记录下来供以后备用，很初步，以后再完善。

 

先来百度给的内容：

1. 线上下载ueditor
   • 下载地址：ueditor，要下载"完整版 + 源码"

2. 安装nodejs

   • 下载 nodejs 并安装到本地
   • 安装成功后，打开控制台，在控制台下输入

      node -v

          如果控制台输出nodejs的版本。那恭喜你，nodejs安装好了。

 

3.安装打包需要的grunt插件

• 以终端方式（windows用户用cmd）进入ueditor源码根目录，执行

   npm install

• 这个命令会根据package.json文件，安装打包需要的grunt和grunt插件
• 安装结束后，会在ueditor目录下出现一个node_modules文件夹

4.执行打包命令

• 以终端方式（windows用户用cmd）进入ueditor源码根目录，执行

   grunt

• 这个命令会根据Gruntfile.js执行打包打包的任务，运行过程 需要java环境 支持

  这时会提示‘grunt’不是内部或外部命令，也不是可运行的程序或批处理文件。这个提示很明了“grunt没配置环境变量”。执行命令“npm install -g grunt-cli”，完成配置，之后执行命令“grunt -version”如果输出了grunt的版本说明配好了。这个问题解决了，就可以继续完成打包了。

 

5.执行打包

 以终端方式（windows用户用cmd）进入ueditor源码根目录，执行

grunt --encode=utf8 --server=jsp

命令完成后，ueditor目录下会出现dist/目录，里面有你要的打包好的ueditor文件夹。

执行打包grunt命令时，可以传入编码和后台语言的参数

 

1. 支持两种编码指定：--encode参数
   • utf8 (默认编码)
   • gbk

2. 提供四种后台语言支持：--server参数

   • php (默认语言)
   • jsp
   • net (代表.net后台)
   • asp