摘要：
10.css模块化 10.1.什么是css模块？ CSS模块就是所有的类名都只有局部作用域的CSS文件，当你在一个JavaScript模块中导入一个CSS文件时，CSS模块将会定义一个对象，将文件中类的名字动态的映射为JavaScript作用域中可以使用的字符串，CSS模块不是浏览器中的官方标准(o 阅读全文
摘要：
9.路径相关 原来我们打包的东西都存放到了dist目录下，并没有进行分类存储，乱成一团，这一节我们就要处理一下打包的路径，让打包后的目录看起来更加优雅 9.1.代码准备 我们先建立起这样一个目录结构 你只需要把前面我们写的代码copy一份，然后删除掉dist里面的东西并且在src下新建assets文 阅读全文
摘要：
7.使用字体 7.1.安装字体库-font-awesome 我们通过npm来安装字体 这个时候，我们的package.json配置文件变成这样： 注意：我们在安装第三方包的时候，可以使用下面两条命令 以及 7.2.使用字体库 在index.js 文件中引入 这个时候，我们通过npm start命令来 阅读全文
摘要：
6.使用图片 6.1.尝试在css中引入图片 在src目录下新建css文件夹，并且在css文件夹下创建app.css文件，在src目录下新建images文件夹，放入一张图片，在app.css中引入这张图片 在index.js文件中引入app.css这个模块 在命令行中通过 npm start运行，查 阅读全文
摘要：
3.插件 在前端迅速发展的今天，许多没有太多技术含量并且感觉是在浪费时间的事情，就可以交给构建工具来做，例如：我们去手动创建index.html,手动引入打包好的js文件等操作，都可以叫个webpack来做，帮助我们提升效率，因此，你只需要理解，插件其实就是webpack的一些扩展功能，旨在帮助我们 阅读全文
摘要：
1.webpack简介 webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源 1.1.webpack安装 在安装webpack之前你需要先安装Node.js，最理想的Node.js 阅读全文