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-runtime 1.babel环境搭建和基本配置 首先安装有关插件 然后配置.babelrc presets预设的意思把常用的plugin打一个包，这个包就是preset-env 这样不用在plugin中设置过多的内容 2.babel-polyfill是什么 po

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

Webpack性能优化-产出代码1.小图片base64编码2.bundle加hash3.懒加载（高级配置有讲）4.抽离公共代码（高级配置有讲）5.IngorePlugin（优化构建速度也有讲，它有两个优点）6.使用cdn加速7.生产环境采用production8.接第7点为什么ES6 Module可以tree-shaking生效，commonjs却不行，两者有什么区别 1.小图片base64编码 2.bundle加hash 3.懒加载（高级配置有讲） 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配置出口的filename name值对应entry中的key值 index和other ③上面处理的是js文件下面处理html文件 首先webpack.common.js plugin生成多个 如果不写chunks，index和other的html文件会把entry入口的 inde

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