Ewall

既然是请求数据，那么就先安装下axios。 然后我们在src/index.js文件中使用axios请求一下豆瓣api的接口，拿它电影的前250条数据。 然后npm run start启动服务，然后我们在浏览器中就可以看到数据被请求成功了。 为什么我们可以一步就请求拿到了数据，好…

每次修改完文件内容要编译代码时，需要重复手动运行npm run build就是件很麻烦的事情。 webpack中有几个不同的选项，可以帮助你在代码发生变化后自动编译代码，我这里主要说下第一、二种，相关内容webpack教程里都有。 watch模式其实很简单，就是在package…

什么是webpack的plugins？首先回顾一下前面几章讲webpack的loaders相关概念时，我将它理解为一个赋能的概念，各种各样的loader为webpack提供了处理不同文件的能力，使webpack变得更强大了。 而webpack的plugins，则可以把它理解为类…

对于入口entry我们常见的其实是简写模式，我们可以使用键值对的形式来定义它，其实默认是这样的。 而输出output中filename就是打包后指定的文件名，path就是存放的位置。还有一些其他的输出名称更改的几个点： [hash]就是一段hash值，这个还是挺常见的。 一般来…

继续沿用上一章的代码放置新建文件夹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声明也是一种…