Babel与core-js
摘要：1.Babel是把ES6的语法转成ES5 比如:const、箭头函数、...(结构)、模板字符串等等 Babel原理 转译分为三阶段： 解析（Parse），将代码解析⽣成抽象语法树 AST，也就是词法分析与语法分析的过程 转换（Transform），对语法树进⾏变换方面的⼀系列操作。通过 babel
阅读全文
posted @ 2024-04-29 22:43
随笔分类 - webpack
webpack编写自定义Plugin
摘要：Webpack通过Loader完成模块的转换工作，让“一切皆模块”成为可能。 Plugin机制则让其更加灵活，可以在Webpack生命周期中调用钩子完成各种任务，包括修改输出资源、输出目录等等。 // 插件代码 class MyWebpackPlugin { constructor(options)
阅读全文
posted @ 2021-03-30 18:05
webpack编写自定义Loader
摘要：loader我的理解是把非js的模块转换成js模块，毕竟浏览器只认识js语言 官方的说法：loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。给定的函数将调用 loader API，并通过 this 上下文访问。 当处理一种类型模块的时候，多个loader配
阅读全文
posted @ 2021-03-29 18:25
npm的一些细节
摘要：1.项目刚刚开始时，就要创建package.json这个文件； 使用命令行创建：npm init，然后一路回车、填信息，就可以了。 2.安装指定版本号：npm install xxxx @版本号 3.npm install --save（-S） 会把依赖包名称添加到 package.json 文件
阅读全文
posted @ 2020-03-26 09:16
webpack打包多页面
摘要：项目结构： 直接上webpack.base.conf.js配置文件: const webpack = require('webpack'); const path = require('path'); const htmlPlugin = require('html-webpack-plugin')
阅读全文
posted @ 2020-03-25 17:58
vue-cli的webpack小技巧
摘要：*常用技巧，如果是用vue-cli脚手架创建的项目1.如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ，打包后文件体积可以减少百分之八十，是因为把.map文件给去掉了 map文件的作用在于：项目打包后，代码都是经过压缩
阅读全文
posted @ 2018-09-10 17:39
