Ewall

继续沿用上一章的代码放置新建文件夹chapter6下。 首先，我们需要安装处理sass文件相关的loader->webpack之sass-loader。 然后我们需要在webpack.config.js中配置它。 进入到项目中在src/styles下新建content.scss…

进入项目中，在src目录下新建一个styles/header.css文件。 里面手写一行简单的样式。 在src/header.js中给这个块级元素添加一个.header类名。 在src/index.js模块中引入这个header.css文件，这样头部块就会应用这行样式，使其背景…

老规矩，复制一份上章的目录改名为chapter4。 随着找张图片放到src/assets目录下，并同时新建一个logo.js文件。 然后我们在src/logo.js里面引入这张图片并挂载到页面上。 很明显，你这.png后缀的引入文件webpack压根不认识你，所以我们需要安装相…

先看官网对Loaders的解释：webpack enables use of loaders to preprocess files。 简单一点来说就是一个可以帮我们处理文件的东西，比如一个js文件，在webpack打包的时候看到这个js文件就会走我们定义的比如接下来要说的ba…

ES6Module--就是import、export这类的，我们对这个应该很熟。 CommonJs--就是require这种，node里面使用的，是node的模块规范。 前面两种要好好了解，后面两种不用管了，反正也快要被淘汰了，了解下就行。还有css的@import声明也是一种…

“webpack is a module bundler.”—webpack官网上打开自我介绍就是这句话，它是一个模块打包器。 webpack是一个模块打包工具，可以打包js、图片资源啊等等，功能十分强大，但是在最开始的时候呢，webpack只是个js模块打包工具。现在就让我们…

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…