码迷,mamicode.com
首页 > 其他好文 > 详细

Grunt自动化构建环境搭建

时间:2017-02-12 15:59:39      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:href   find   targe   logs   use   running   for   har   app   

1.环境准备

需要有Node、NPM、Grunt、Ruby

2.安装Node

访问https://nodejs.org/en/

3.安装Ruby

访问http://rubyinstaller.org/downloads/archives

验证

node -v
npm -v
ruby -v

4.安装Grunt

npm install -g grunt-cli

5.安装Grunt插件

npm install grunt-contrib-sass grunt-contrib-uglify grunt-contrib-watch --save-dev

注:--save-dev自动完善package.json

grunt-contrib-sass    #sass编译插件
grunt-contrib-uglify   #js压缩插件
grunt-contrib-watch  #监控插件

6.常见错误分析

6.1.1 使用sass报You need to have Ruby and Sass installed and in your PATH for this task to work错误

Running "sass:dist" (sass) task
Warning:
You need to have Ruby and Sass installed and in your PATH for this task to work.

More info: https://github.com/gruntjs/grunt-contrib-sass
Use --force to continue.

原因说明:没有安装ruby环境,并且需要安装一下sass,安装sass过程如下

gem install sass
--验证 sass
-v sass -h --安装Sass npm install grunt-contrib-sass --save-dev --执行编译命令 grunt sass
Running "sass:build" (sass) task
Error: Invalid GBK character "\xE7"
        on line 2 of app/src/sass/style.scss
  Use --trace for backtrace.
Warning: Exited with error code 13 Use --force to continue.

6.1.2 scss文件编译时候使用ruby环境,出现 Syntax error: Invalid GBK character "\xE5"

检查了好久才发现 scss编译不支持中文字体,进入到ruby安装目录
C:\Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.4.23\lib\sass
修改 engine.rb?文件?
在require 最下面 加入以下代码 即可解决

Encoding.default_external = Encoding.find(utf-8)

 

Grunt自动化构建环境搭建

标签:href   find   targe   logs   use   running   for   har   app   

原文地址:http://www.cnblogs.com/nick4/p/6391043.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!