qq_25503949的博客

Webpack常见面试题1.前端为何进行打包构建2.loader和plugin区别3.常见的loader和plugin4.babel和webpack的区别5.babel-polyfill和babel-runtime的区别6.webpack如何实现懒加载7.为何proxy不能被polyfill8.webpack构建流程1.前端为何进行打包构建（一）代码层面（二）研发流程2.loader和plugin区别不同的作用Loader直译为"加载器"。Webpack将一切文件视为模块，但是webpack

Webpack-babel1.babel环境搭建和基本配置2.babel-polyfill是什么3.babel-polyfill如何按需引入4.babel-polyfill的问题5.解决babel-polyfill的问题，采用babel-runtime1.babel环境搭建和基本配置首先安装有关插件然后配置.babelrcpresets预设的意思把常用的plugin打一个包，这个包就是preset-env这样不用在plugin中设置过多的内容2.babel-polyfill是什么po

Webpack性能优化---构建速度一.优化babel-loader二.Noparse三.IgnorePlugin四.happyPack多进程打包五.ParallelUglifyPlugin多进程压缩js六.如何配置自动刷新七.如何配置热更新八.Dllplugin动态链接库九.总结一.优化babel-loader二.NoparseNoparse这是module中的一个属性，作用：不去解析属性值代表的库的依赖三.IgnorePluginIgnorePlugin是webpack内置插件这个

Webpack性能优化-产出代码1.小图片base64编码2.bundle加hash3.懒加载（高级配置有讲）4.抽离公共代码（高级配置有讲）5.IngorePlugin（优化构建速度也有讲，它有两个优点）6.使用cdn加速7.生产环境采用production8.接第7点为什么ES6 Module可以tree-shaking生效，commonjs却不行，两者有什么区别1.小图片base64编码2.bundle加hash3.懒加载（高级配置有讲）4.抽离公共代码（高级配置有讲）5.Ingore

Webpack高级配置（二）一.懒加载二.解析vue三.module chunk bundle的区别一.懒加载在index.js中：module.exports和exports.default的区别和关系同步加载通过import直接引用异步则放入定时器中 定时器的import返回promise二.解析vue下载vue-loader插件然后三.module chunk bundle的区别import（）就是上面的懒加载一个chunk对应一个bundle...

Webpack高级配置（一）一.如何配置多入口二.如何抽离压缩css文件三.如何抽离公共代码和第三方代码一.如何配置多入口①首先webpack.common.js配置entry入口②然后webpack.prod.js配置出口的filenamename值对应entry中的key值 index和other③上面处理的是js文件下面处理html文件 首先webpack.common.jsplugin生成多个如果不写chunks，index和other的html文件会把entry入口的 inde

Webpack基本配置一.拆分配置和mergewebpack.common.js 公共环境webpack.dev.js 开发环境webpack.prod.js 线上环境用smart 进行merge合并二.启动本地服务webpack.dev.js 开发环境里面配置三.处理ES6在webpack.common.jsbabel-loader.babelrc:四.处理样式也是在webpack.common.js中注意loader 的执行顺序从后往前先css-loader 解析一