[油猴脚本开发指南]Nodejs简介

李恒道

前文

我们接下来会尝试脱离在tmapermonkey的编辑器中书写代码
由于这方面的资料较为稀少
只能边写边尝试
所以可能存在一些事实性的错误以及问题
如果你发现了可以评论区一起沟通哦~

正文

因为我们摆脱了tamerpmonkey的编辑器
进入了真正的工程化项目编写
如果需要编写一个大型的项目
我们将代码全部聚在一个js文件中是极为不妥的
而且浏览器环境多种多样
Js代码也未必所有浏览器都会兼容
所以说我们还需要对代码进行兼容处理
这一切是否过于麻烦了？！
上古程序员早就对此感到愤怒！
所以说他们发明了一种方案
就是我们先编写代码
分布在不同的文件当中
在我们需要部署到浏览器的时候
我们在使用一个编译的程序
将源代码编译成目标的js文件
在编译的时候进行转换以及处理
让其兼容对应的浏览器环境
以及让分散的文件形成一个整体
而浏览器是无法做到的
总有找一个可以读写文件并且生成的办法
我们将转换的程序称之为打包工具
打包工具经过仔细的分析
最后盯上了nodejs
https://nodejs.org/en/

Node.js 是一个基于Chrome V8 引擎的JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式I/O 的模型，使其轻量又高效。

nodejs是一个js的运行环境
js是一门编程语言，既可以在浏览器运行
也可以在node环境上运行
因为其与js语言天然的兼容性
前端开发者在其开发的过程中
可以大大的节省编程语言的学习成本
以及更换语言代码带来的心智负担
所以最后选择了nodejs

那么思路最终是这样的
我们想编写一个工程话的脚本
我们在电脑上编写js代码
然后让基于nodejs环境的打包工具分析我们的js代码
生成适用于浏览器的完整JS文件
这样不仅利于我们的维护
同时也可以使完整JS文件
在打包的过程中根据兼容的目标浏览器环境配置来做不同的处理

结语

撒花~

小C

虽然看不懂，但是还是超爱蛋蛋~~·

李恒道

小C 发表于 2022-7-7 17:17
虽然看不懂，但是还是超爱蛋蛋~~·

84864694

我想知道nodejs怎么用在油猴脚本里

李恒道

84864694 发表于 2022-7-11 14:23
我想知道nodejs怎么用在油猴脚本里

使用webpack动态监听打包
然后管理器file引入文件即可
准备最后搭建的脚手架
大概是
webpack+babel转译+postcss autoprefix自动前缀+sass糖+vue3+element-plus

84864694

李恒道 发表于 2022-7-11 14:53
使用webpack动态监听打包
然后管理器file引入文件即可
准备最后搭建的脚手架

好复杂呀

李恒道

84864694 发表于 2022-7-11 18:25
好复杂呀

我是在拿这玩应当个学术在搞....
哈哈哈哈