摘要：
2.NPM使用 2.1.NPM是什么 NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，这里要搞清楚包的概念，通俗的说，包就是具有一定功能的工具(软件)，本质上呢这些包就是很多文件的集合，例如下图就是一个包： 这个包的作用就是将ES6的代码转换成ES5的代码 阅读全文
摘要：
1.Node.js简介 1.0.前后台数据交互流程 在web开发中，我们经常听说前端和后台，他们分别是做什么具体工作的呢？他们怎样交互的呢？我们得把这些基础的问题都搞明白了，才有一个大致的学习方向，首先，我们来看一张生活中几乎每个人都经历过的一个场景，如下图： 当你去餐馆吃饭的时候，坐下后服务员会带 阅读全文
摘要：
10.css模块化 10.1.什么是css模块？ CSS模块就是所有的类名都只有局部作用域的CSS文件，当你在一个JavaScript模块中导入一个CSS文件时，CSS模块将会定义一个对象，将文件中类的名字动态的映射为JavaScript作用域中可以使用的字符串，CSS模块不是浏览器中的官方标准(o 阅读全文
摘要：
9.路径相关 原来我们打包的东西都存放到了dist目录下，并没有进行分类存储，乱成一团，这一节我们就要处理一下打包的路径，让打包后的目录看起来更加优雅 9.1.代码准备 我们先建立起这样一个目录结构 你只需要把前面我们写的代码copy一份，然后删除掉dist里面的东西并且在src下新建assets文 阅读全文
摘要：
8.babel相关 8.1.babel是什么？ Babel 是一个 JavaScript 编译器，它使用非常广泛，可以将es6转换成es5，从而在一些不支持es6的浏览器中运行，这意味着你写es6代码的时候就不需要去关心浏览器是否支持es6 点击进入babel中文地址 点击进入babel官方地址 8 阅读全文
摘要：
7.使用字体 7.1.安装字体库-font-awesome 我们通过npm来安装字体 这个时候，我们的package.json配置文件变成这样： 注意：我们在安装第三方包的时候，可以使用下面两条命令 以及 这两条命令的区别是，--save 安装的是项目依赖，会把当前安装的包一起打包随着项目发布到线上 阅读全文
摘要：
6.使用图片 6.1.尝试在css中引入图片 在src目录下新建css文件夹，并且在css文件夹下创建app.css文件，在src目录下新建images文件夹，放入一张图片，在app.css中引入这张图片 在index.js文件中引入app.css这个模块 通过报错信息，我们大体上知道了报错的原因， 阅读全文
摘要：
5.loader 5.1.什么是loader？ loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能 阅读全文
摘要：
4.devserver webpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载(live reloading)。 4.1.安装webpack-dev-server 修改package.json配置文件，在script选项中加入下面代码： 整个package. 阅读全文
摘要：
3.插件 在前端迅速发展的今天，许多没有太多技术含量并且感觉是在浪费时间的事情，就可以交给构建工具来做，例如：我们去手动创建index.html,手动引入打包好的js文件等操作，都可以叫个webpack来做，帮助我们提升效率，因此，你只需要理解，插件其实就是webpack的一些扩展功能，旨在帮助我们 阅读全文