【前端vue面试】webpack

拆分配置

一般情况下，配置分成3个文件；

• webpack.common.js 用于公共的配置；
• webpack.dev.js 用于开发环境的配置；
• webpack.prod.js 用于生产环境的配置。

引入webpack-merge，开发环境和生产环境要merge上公共配置

跨域代理

在webpack下，怎么跨域请求其它的接口？

面试常问
比如说前端的端口是8080，服务端如果端口是3000，这样前端在请求时如果直接请求3000会导致跨域请求不到，这时候可以使用proxy代理。

处理ES6（babel-loader）

需要配置.bebelrc

处理样式

postcss-loader，是处理css浏览器兼容性的
less-loader
css-loader
style-loader

使用postcss-loader时，需要配置postcss.config.js

处理图片（file-loader）

开发环境中

生产环境中

多入口

在公共配置中的entry配置多个入口

抽离css文件

抽离css文件后，css样式是以外部链接文件的形式引入的

不抽离css时，css会放到