1.什么是webpack?
webpack 是一个模块打包工具,能够从一个需要处理的javascript文件开始,构建一个依赖关系图,这个图映射到了每个模块,然后将这个模块图输出到一个或者多个bundle中。
2.什么是bunldle,chunk,module?
bunldle: 最终打包完成的文件,bundle是对chunk进行压缩处理后的产物。
chunk:代码块,可以由一个或者多个模块组成。
module:每个文件都可以看做module(在webpack解析时,不同的模块使用不同类型的处理器来处理,这部分的设置就在module配置)。
3.npm scripts可以干什么?
npm 不仅是模块管理,还可以执行脚本。
4.loader解析顺序是怎样的?
从左到右(从后到前)require('css-loader!less-loader!./src/index.less'); //写法从右到左,使用!隔开 。
5.loader 和 plugin关系?
loader 是针对某个问题或者某个模块而解决的,plugin是面向项目整体,解决loader解决不了的问题。
6.怎么实现webpack按需加载?
7.eslint 三种报错类型:off/warn/error (0/1/2)
8.webpack 给静态资源配置cdn。
1.配置cdn域名,修改output.publicPath:'xxxx.com'
2.使用alias的方式(webpack.config.js增加resolve.alias),html和css 的src和url直接修改为:~@assets/img/xxx.png【 注:一定要加波浪线】
9.对webpack-dev-server理解
是一个基于Express的本地开发服务器,它发送关于编译状态的消息到客户端,客户端根据消息做出响应。
截止至2019年12月20日阅读至第十四章