前端奇怪的专业名词
NPM 的思路大概是这样的：
- 买个服务器作为代码仓库（registry），在里面放所有需要被共享的代码
- 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代码提交到 registry 上，分别取名 jquery、bootstrap 和 underscore（注意大小写）
- 社区里的其他人如果想使用这些代码，就把 jquery、bootstrap 和 underscore 写到 package.json 里，然后运行 npm install ，npm 就会帮他们下载代码
- 下载完的代码出现在 node_modules 目录里，可以随意使用了。这些可以被使用的代码被叫做「包」（package），这就是 NPM 名字的由来：Node Package(包) Manager(管理器)。
saaz 通知 jQuery 作者 John Resig，他会答应吗？这事儿不一定啊，对不对。只有社区里的人都觉得 「npm 是个宝」的时候，John Resig 才会考虑使用 npm。那么 npm 是怎么火的呢？npm 的发展是跟 Node.js 的发展相辅相成的。Node.js 是由一个在德国工作的美国程序员 Ryan Dahl 写的。他写了 Node.js，但是 Node.js 缺少一个包管理器，于是他和 npm 的作者一拍即合、抱团取暖，最终 Node.js 内置了 npm。后来的事情大家都知道，Node.js 火了。随着 Node.js 的火爆，大家开始用 npm 来共享 JS 代码了，于是 jQuery 作者也将 jQuery 发布到 npm 了。所以现在，你可以使用 npm install jquery 来下载 jQuery 代码。现在用 npm 来分享代码已经成了前端的标配。
Windows用户搜索 node-sass 安装出错,然后找淘宝镜像,然后下载安装
下载直接就用mv main.css main.scss 这是把css文件翻译成scss文件,不过浏览器不认识scss文件
所以我们一般都是直接翻译main.css文件// node-sass main.css 完了~ sass就是这么简单
还有一点,想在监听状态下刷新页面,就要用sass 的 "-w"语法
babel就是翻译es6语法的自动化工具
babel很变态,是局部安装的
全局安装和项目安装的区别:在于目录的区别,没有-g全局安装,就是安装在当前目录下面
babel就是一句话
//babel src -d lib
把src目录下的JavaScriptES6版本代码翻译成低版本能让ie智障阅读的JavaScript代码,并且放在lib文件夹里面
模块化文件
src未翻译代码
dist发布代码
vendors 第三方代码
node_Modules 第三方包
//前端为什么要打包工具呢?
因为前端多而杂~
语言多
工具多
变化多
那么就乱,需要一个东西打包带走你~
666
但问题在于，一旦js文件以<script src="">的形式插入html，那么require、export、import之类的模块语法就会报错，因为浏览器不支持模块化，模块语法是建立在node的环境下才有的。webpack等打包工具的一个作用就是让我们插入一个script标签的同时，还允许我们在js文件之间使用export、import、require这些语法，并且非常智能地把这些js模块合并压缩成1个（或2个或以上）大大的紧实的js文件。
网友评论