标签:webp 成功 pac node 事件触发 路径 node.js 测试 文件流
node
的安装包,直接安装win + r
键,打开运行窗口
cmd
,敲回车,进入到命令行工具node -v
,检测node是否安装成功npm -v
,检测 npmnpm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm init
package.json
的文件npm install [名称] --save
--save
会修改 package.json
,添加"dependencies"依赖项node_modules
的文件夹
npm install [名称]@版本号 --save
npm install --production
命令,下载配置中的依赖项npm remove [名称] --save
package.json
Gulp:用自动化构建工具增强你的工作流程!
js、css、html文件的压缩、混淆、合并、监视文件变化、同步刷新浏览器 等等
Less ==> CSS 或者 Sass ==> CSS
npm install --global gulp
npm install --save-dev gulp
gulpfile.js
文件中,这个文件需要我们自己创建// 1 得到 gulp 模块
var gulp = require("gulp");
// 2 新建任务
gulp.task("js", function() {
// 使用 src 方法,根据路径 "./app.js" 找到app.js文件
gulp.src("./app.js")
// 使用 dest 方法,执行输出路径
.pipe(gulp.dest("./dist"));
});
// 3 执行: `gulp js` 命令
gulp-less
:将less转化为cssgulp-uglify
:压缩和混淆js代码gulp-concat
:合并js/css文件gulp-cssnano
:压缩css代码gulp-htmlmin
:压缩html代码
browser-sync
:同步刷新浏览器
以上插件都使用:npm install gulp-[名称] --save-dev
安装
npm install --save-dev gulp gulp-uglify gulp-concat gulp-cssnano gulp-htmlmin gulp-less
npm install --save-dev browser-sync
npm install browser-sync -g
全局安装browser-sync start --server --files "index.html"
-- files "index.html"
-- files "index.html, test.css"
-- files "./css/*.css"
-- files "*.*"
UI: http://localhost:3001
1 同步事件触发
2 同步浏览器滚动
3 同步文本框内容
标签:webp 成功 pac node 事件触发 路径 node.js 测试 文件流
原文地址:http://www.cnblogs.com/wzzblog/p/6184458.html