使用到的依赖包nodemon nodemon是一种工具，可在检测到目录中的文件更改，同时自动重新启动应用程序，可以用来帮助开发基于node.js的应用程序。 1$ nodemon [your node app] ts-node 可以用于执行 typescript 代码 1$ ts-node [your node app] module-alias 创建目录别名 bluebird debug glob js-yaml ini mockjs routing-controllers koa-json- ...

purgecss-webpack-plugin用于完成 css tree sharking 的插件，减少部分包体积 优点 ​ 可以移除无用代码 缺点 ​ 1. 需要抽出 scss/css/less/styl/sass 文件 使用引入的方式而不是内联 ​ 2. 无法处理的几种情况 ​ 被注释的代码 ​ 动态拼接的代码(情况多种) 3. 构建速度变慢，增加打包负担 配置1234567891011121314151617181920212223242526 ...

多入口使用vue，构建包太大#方式1开发时候 extends Vue ，导致整个包打入 使用babel单独对ts文件进行处理 #方式2使用 webpack externals假设：我们开发了一个自己的库，里面引用了lodash这个包，经过webpack打包的时候，发现如果把这个lodash包打入进去，打包文件就会非常大。那么我们就可以externals的方式引入。也就是说，自己的库本身不打包这个lodash，需要用户环境提供。 组件之间通信方案补充autoprefix browserslist

使用提供占位元素 1<div id="mse"></div> 初始化操作 1234let player = new Player({ id: 'mse', url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4'}); 其他配置文件) 12345678910111213new Player({ el:document.qu ...

常见内容预编译 (ahead-of-time, AoT)在打包项目的时候提前编译好应用，打包好之后可以直接启动，而不是把编译器打包在应用中用的时候再编译。生产环境使用。 Angular 应用主要由组件及其 HTML 模板组成。由于浏览器无法直接理解 Angular 所提供的组件和模板，因此 Angular 应用程序需要先进行编译才能在浏览器中运行。Angular 预先（AOT）编译器会先把你的 Angular HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。 在 ...

原生开发与跨平台技术1.1 原生开发 原生应用程序是指某一个移动平台（比如iOS或安卓）所特有的应用，使用相应平台支持的开发工具和语言，并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序；而iOS原生应用就是指通过Objective-C或Swift语言直接调用iOS SDK开发的应用程序。原生开发有以下主要优势： 可访问平台全部功能（GPS、摄像头）； 速度快、性能高、可以实现复杂动画及绘制，整体用户体 ...

构建部分内容从 node_moduls/@babel/cli/bin/babel.js 开始 读取配置部分1.尝试加载 babel.config.js、babel.config.cjs、babel.config.mjs 等（这边配置了babel.config.js用于调试），加载完的信息会被存起来 2.加载 package.json 文件，babel 支持在里面配置 presets 和 plugins ，估计是加载完再取出来的 3.尝试加载 .babelrc 等文件 上面几个文件加载完之后 ...

开发第一个 Babel 插件一个接收当前 babel 对象作为参数的 function，(而我们经常使用的方式是从 babel 中解构拿到 types) 123456export default function(babel) { // plugin contents}// export default function({ types: t }) {// } 返回一个对象，visitor属性是这个插件的主要访问者，visitor 中 ...

私有npm仓库建立123456$ npm install -g verdaccio --unsafe-perm$ verdaccio$ vi /root/.config/verdaccio/config.yaml# 启动$ verdaccio 访问 域名+端口号 使用 pm2 启动进程 12$ npm i pm2 -g$ pm2 start verdaccio

补充添加了一个简单的 loader，替换 const 为 var 123module.exports = function loader(source) { return source.replace('const','var');}; 123456789101112131415161718192021222324252627const path = require('path')const MyPlugin = require('./my-webpack-plugin ...