读《Webpack工程化》,持续更新...

337 阅读1分钟

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日阅读至第十四章