sdh19981202的博客

如何提升webpack打包速度 1.跟上开发技术的迭代 Node、Yarn、Npm、Webpack保持最新最稳定的版本 2.在尽可能少的模板上使用loader 合理的使用exclude或者include的配置，来尽量减少loader被频繁执行的频率。当loader执行频率降低时，也会提升webpack的打包速度。比如： module: { rules: [{ test: /\.js$/, include: path.resolve(__dirname, '../sr

babel的工作原理 babel的包构成 核心包 babel-core：babel转译器本身，提供了babel的转译API，如babel.transform等，用于对代码进行转译。像webpack的babel-loader就是调用这些API来完成转译过程的。 babylon：js的词法解析器 babel-traverse：用于对AST（抽象语法树，想了解的请自行查询编译原理）的遍历，主要给plugin用 babel-generator：根据AST生成代码 babel的工作原理 babel是一个转译器，感觉

webpack.config.js中的css样式、sass、打包抽离，浏览器加前缀（兼容），图片文件处理，ES6处理 1.安装css和style插件 yarn add style-loader css-loader index.css body{ background:skyblue; } 将样式引入js文件 //引入样式 require('./index.css') console.log(2+2) 在webpack.config.js中配置文件 module.exports内添加：

Webpack 概念？ webpack 是一个模块打包工具。webpack是基于配置的，通过配置一些选项来让webpack执行打包任务 四个核心概念： 入口(entry) 输出(output) loader 插件(plugins) 用处？ 打包：将多个js文件打包成一个文件 （1.减少Http请求 2.压缩页面的空格从而减轻服务器压力） 转换：把扩展的语法转换成普通js , 目的就是让浏览器正常解析运行代码（es6解析） 优化：复杂的开发流程 、进行模块化打包、去空格、压缩混淆、减少http请求