这是百度给出的一个UEditor,正好用的grunt打包,但我经过一步步操作后没有成功,最终解决。记录下来供以后备用,很初步,以后再完善。
先来百度给的内容:
如果控制台输出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命令时,可以传入编码和后台语言的参数
- 支持两种编码指定:--encode参数
- utf8 (默认编码)
- gbk
-
提供四种后台语言支持:--server参数
- php (默认语言)
- jsp
- net (代表.net后台)
- asp
相关推荐
《全面解析:使用Grunt打包前端代码》 在前端开发领域,随着项目复杂度的提升,手动管理代码变得越来越困难。这时,自动化工具的重要性就显现出来。Grunt,作为一个JavaScript任务运行器,就是解决这个问题的有效...
除了打包和混淆,Grunt还可以执行诸如自动化测试(如`grunt-karma`)、代码质量检查(如`grunt-eslint`)、图像优化(如`grunt-contrib-imagemin`)等任务,构建流程中的每个环节几乎都可以找到对应的Grunt插件支持...
本文将详细介绍如何在 Windows 环境下配置 Grunt 打包环境,并提供一个基本的配置示例。 #### 二、环境搭建与配置 ##### 1. 安装 Node.js 及环境配置 根据给定内容,我们首先需要在 Windows 系统上安装 Node.js。...
**Grunt项目构建样例详解** 在Web开发中,项目构建是提高开发效率和优化生产环境资源的关键步骤。`Grunt`是一个JavaScript任务运行器,它允许开发者通过配置文件定义一系列自动化任务,如代码编译、文件压缩、单元...
在ueditor的构建过程中,Node.js提供了运行环境,Grunt则负责编译和打包ueditor的源代码,将复杂的开发流程简化,节省了开发者的时间和精力。 在实际使用ueditor时,开发者需要确保已经安装了Node.js和Grunt。安装...
`lab`文件夹可能是包含实验或示例代码的地方,用于演示Grunt任务的实际运行。 总的来说,这个“Grunt自动化加密js环境”教你如何利用Grunt和相关的插件,创建一个自动化的JavaScript文件处理流程,包括混淆和加密,...
咕的工作流程简单完整的Grunt自动化示例在此示例中,我们可以在一个CSS中编译所有SASS文件,并在一个JS文件中丑化所有javascript文件。 每个任务都分为一个JS文件,用于在Grunt JS中保留可维护的项目。 有趣的是,...
grunt-electron-installer, 为电子应用构建 Windows 安装程序的插件插件 电子安装程序Grunt插件 Grunt插件,为电子应用程序构建 Windows 安装程序,使用 Squirrel 。安装npm install --save-dev grunt-electron-...
咕unt声用grunt打包NSIS安装程序
当前 Liferay 6.2 项目的 grunt 构建文件示例。 包含在这个 gruntfile 中: 保存时文件同步到Tomcat Javascript 连接和丑化 SVG 优化和精灵 基于版本的缓存破坏者 监视任务以触发 SASS 重新编译 要在 liferay 中...
本示例将带你了解如何使用Grunt,通过一个简单的项目来体验其功能。 首先,让我们详细解释一下"grunt"是什么。Grunt是由Tom Dutton创建的,它基于Node.js平台,利用JSON格式的配置文件(名为`Gruntfile.js`)来定义...
本项目"browserify-sample"是一个学习 Browserify 的示例,同时也涉及到 Grunt,这是一个自动化构建工具,可以帮助我们简化项目构建过程,例如自动编译、压缩代码等。 1. **Browserify 基础**: - **模块化**:...
`Gruntfile.js`是自动化构建工具Grunt的配置文件,用于编译和构建项目;`package.json`记录了项目的依赖信息;`README.md`提供了项目的说明和使用指南;`common`目录可能包含了通用的JavaScript模块或资源。 通过...
开发者可以通过这些示例了解如何在自己的项目中集成和配置UEditor。 6. **配置文件**:编辑器的配置文件(如`config.js`)允许开发者根据需求调整UEditor的行为,比如设置初始内容、工具栏选项、上传参数等。 7. *...
Gruntfile.js是自动化构建工具Grunt的配置文件,可以帮助开发者自动化执行编译、测试等任务,提升开发效率。package.json是npm包管理器的配置文件,列出了项目依赖的库及其版本,便于管理和更新依赖。 许可证文件`...
GruntIntro是一个旨在引导...`GruntIntro`项目是一个学习Grunt的起点,提供了设置和运行基本Grunt任务的示例。通过实践这个项目,开发者能够掌握Grunt的基本用法,从而在日常开发中提升效率,实现更高效的项目构建。
4. `Gruntfile.js`:Grunt是JavaScript的任务自动化工具,此文件定义了构建、测试、压缩等任务,有助于项目的自动化管理。 5. `ueditor.parse.js`:这个文件是UEditor的解析模块,负责将HTML字符串解析为UEditor...
从项目中发布打包版本的 Grunt 任务 这个 grunt 插件仍在积极开发中,请谨慎使用! API(选项)和处理可能会发生变化。 入门 这个插件需要 Grunt ~0.4.5 如果您以前没有使用过 ,请务必查看指南,因为它解释了如何...
**Grunt CLI模块详解** Grunt CLI(Command Line Interface)是Grunt的命令行界面工具,它是Grunt工作流程中的核心部分,允许开发者在终端中执行自动化任务。Grunt是JavaScript的世界里一个流行的构建工具,它能...