不靠谱学习笔记---grunt&&gulp&&webpack

2017-10-27 Catsugar 更多博文 » 博客 » GitHub »

笔记 grunt gulp webpack

原文链接 https://catsugar.github.io/note/2017/10/27/notes-of-grunt&&gulp-%E5%89%AF%E6%9C%AC.html
注：以下为加速网络访问所做的原文缓存，经过重新格式化，可能存在格式方面的问题，或偶有遗漏信息，请以原文为准。

这是一个不靠谱的学习笔记。想到啥写啥

grunt

自动化工具

安装 grunt

# install grunt
npm install -g grunt-cli


# 安装工具
npm install load-grunt-tasks --save-dev
npm install time-grunt --save-dev


# 安装工具
npm install load-grunt-tasks --save-dev
npm install time-grunt --save-dev


# 安装文件删除和拷贝工具
npm install grunt-contrib-copy --save-dev  //文件拷贝
npm install grunt-contrib-clean --save-dev  //文件删除

安装 yeoman(脚手架工作)

# install yeoman
npm install -g yo

安装 bower（web的包管理器）

# install yeoman
npm install -g bower

今天踩了一个惊天巨坑。 解决bower命令找不到的问题。

# NodeJs下建立"node_global"及"node_cache"两个文件夹
# 启动cmd，输入
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
# 增加path

install generator

npm install -g generator
# 生成
yo angular +项目名

安装 webpack

# 初始化npm
npm init
# install
npm install webpack --save-dev