WINISME - 个人工作知识笔记

标题

类别

是否隐藏

内容详情

npm config get registry查看源&nbsp; &nbsp;npm config set registry https://registry.npm.taobao.org换源1、说明：gulp-uncss 是gulp的一个插件。gulp是基于nodejs，理所当然需要安装nodejs；2、安装：打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）。3、安装gulp：全局安装gulp，执行npm install gulp -g，检测gulp是否安装成功，执行gulp -v 显示版本号即安装成功。若无命令，就重启，重启不行执行npm config get prefix命令查看其全局路径，把路径搞到环境变量中去4、进入项目放的目录，执行npm init一路回车5、然后在项目目录执行npm install gulp-uncss --save-dev6、新建gulpfile.js文件放项目目录，并新建html、css、uncss三个文件夹7、gulpfile.js内输入内容：var gulp = require('gulp'), uncss = require('gulp-uncss');&nbsp;gulp.task('uncss', function() {&nbsp; &nbsp;&nbsp; &nbsp;gulp.src('css/*.css')&nbsp; // 这里是需要去除无用css目录,*.css是目录下所有的css&nbsp; &nbsp;.pipe(uncss({&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; html: ['html/*.html']&nbsp; &nbsp; //这里是项目所有的html目录，&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }))&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.pipe(gulp.dest('uncss'));&nbsp; //这里是去除无用css之后生成新的css目录，&nbsp; })8、html放入html文件，css放入css文件。然后执行gulp&nbsp; uncss 中间是个空格，网上的是个横杠gulp-uncss。空格的搞成功过，横杠的还没遇到，可能是版本的问题