Grunt环境搭建和简单压缩尝试

当然了,得先安装Nodejs的NPM管理

1、目的
将node-webkit 进行打包成app操作
2、步骤
nodejs官网 下载安装包安装,windows是傻瓜式的,安装好之后应该是有 npm (nodeJs package manage)nodejs包管理工具 的,dos命令检查自己是否安装成功。

node -v //显示node版本
npm -v //显示npm包管理工具

安装grunt构建工具,先全局安装后进入项目安装grunt

npm install -g grunt-cli
npm install -g grunt

3、问题
进入项目目录查看grunt的安装情况

grunt -version // 也可以用 grunt -V(*大写的)

问题来了,dos命令反馈。
”grunt“不是内部或外部命令,也不是可运行的程序 或批处理文件。
4、问题排查
查看node的安装根目录

npm root -g

在运行grunt -version还是不行 网上找了很多,给出正确解决方案的没几个,所以自己摸索,最后确定了加环境变量的解决方案。 这类问题都可以解决,如: "gulp"不是内部或外部命令,也不是可运行的程序 或批处理文件。
5、解决方法步骤
我的系统系windows7,自己参照解决哦。
1、桌面->计算机->属性->高级系统设置 -> 高级->环境变量
2、上面的用户变量 ,新建->

变量名:**NODE_PATH** 
变量值:**C:\USER\Administrator\AppData\Roaming\npm\node_modules**

->确定 注意:这里Administrator确定是自己的用户名或nodejs安装根目录,不知道命令,npm root -g,查看,还有要指到node_modules下面才行
3、重新启动dos ,进入项目查看grunt是否可用


正常运行

摘留
base64编码
网上编码文件代码很多,给个参考,
npm install grunt-base64
进入目录运行
npm install
修改Gruntfile.js 的参数配置,后运行 grunt



文/多厘(简书作者)
原文链接:http://www.jianshu.com/p/96f39bcfd4b7
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。











 uglify: {

            options: {
                banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' //添加banner
            },
            buildall: {
                options: {
                    mangle: true,
                    compress: {
                        drop_console: true
                    },
                    report: "min" //输出压缩率,可选的值有 false(不输出信息),gzip
                },
                files: [{
                    expand: true,
                    cwd: 'src', //js目录下
                    src: '**/*.js', //所有js文件
                    dest: 'dist' //输出到此目录下
                }]
            }

        },


**:查找所有目录及子目录

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值