【面试题】 webpack面试篇_webpack面试题

5. url-loader：和fileload类似，但是小文件可以以base64的形式输出
6. sass-loader：把sass编译成CSS
7. postcss-loader：使用postcss来处理CSS
8. css-loader：主要来处理background还有@import这些语法，让webpack能够正确对其路径进行处理
9. style-loader：把CSS代码注入到JS中，通过DOM操作来加载CSS

Plugin：

1. DefinePlugin：创建一个编译时可配置的全局常量
2. HotMoDuleReplacementPlugin：启动模块热替换
3. html-webpack-plugin：自动生成带有入口文件引用的index.html
4. optimize-css-assets-webpack-plugin：用于优化或者压缩css资源
5. ModuleNotFoundPlugin：找不到模块的时候提供一下更详细的上下文信息
6. webpack-manifest-plugin：生产资产的显示清单文件
7. ModuleScopePlugin：引用了src目录外的文件报警插件

5、source map是什么？上下文环境怎么用？

• source map是为了解决开发代码与实际运行代码不一致是帮助我们debug到原始开发代码的技术
• webpack通过配置可以自动生成source map文件，map文件是一种对应编译文件和源文件的方法

source map的类型：

• source-map：原始代码，最好的source map有完整的结果，但是会很慢
• eval-source-map：原始代码，同样道理，但