本文整理自GitChat居玉皓的达人课《Webpack 前端工程化入门》
JavaScript 是一个缺乏标准库的语言。当你想解决 URL 处理、日期处理这类很常见的问题,在没有标准库的情况下就只能自己动手写代码或者从自己以前的工程中拷贝代码。而使用 npm 等包管理器最大的好处是里面有很多非常成熟的包来解决这类问题,可以直接安装到项目中使用,给开发工作带来了很大的便利。

本文整理自GitChat居玉皓的达人课《Webpack 前端工程化入门》

曾经的 Web 开发的做法和缺陷:

• 在 HTML 中插入一个 script 标签,直接在里面书写代码;问题:
• 全局作用域的污染。由于在每个 script 标签下顶层作用域即全局作用域,直接进行变量和函数声明会造成全局命名空间污染。假如一个页面有多个 script 标签,它们之间很有可能发生命名冲突。
• 代码重用性差。在一个多页面应用的场景下,经常会有一些逻辑是这些页面之间共有的,此时我们不得不将这些代码复制粘贴到各个页面中。而当此处逻辑改动的时候我们也需要去更新所有页面的代码,造成很多额外的成本。

本文整理自GitChat居玉皓的达人课《Webpack 前端工程化入门》

图片.png | left | 665x347

对于 JavaScript 应用来说,现在市面上可以选择的打包和构建工具有很多:Gulp、Grunt、Browserify、Webpack、Rollup 等等。

npm 快速初始化:

1

npm init -f (--force or --yes)

将会使用默认值配置;

本文为《CSS 设计指南(第 3 版)》阅读笔记

同时选中多个

1
2
3
4

a,
p {
 color: red;
}

1
2

<a> I am red. </a>
<p> I am red too. </p>