ubuntu如何集成js第三方库
在Ubuntu操作系统上集成JavaScript第三方库,常见方式有:通过npm或yarn安装管理依赖,直接使用CDN快速引用,以及借助Webpack、Parcel等构建工具进行模块化打包。Bower已逐渐被取代。开发者应根据项目实际需求灵活选择最合适方案。
在Ubuntu上引入Ja vaScript第三方库,这事儿其实远比表面看起来要灵活。不管你是刚入门前端,还是想快速搭建一个实验环境,还是正在搭建一个正式项目,方法都有不少。下面就把几种主流方案拆开来讲,各取所需就好。
1. 使用npm或yarn
npm和yarn是目前最主流的Ja vaScript包管理工具,几乎成了现代前端开发的标配。它们能帮你搞定依赖的安装、版本管理、更新等琐事。
安装Node.js和npm
在此之前,需要先装好Node.js和npm。Ubuntu下操作非常简单:
sudo apt update
sudo apt install nodejs npm
用npm安装库
比如装个jQuery,一行命令搞定:
npm install jquery
用yarn安装库
如果你偏好yarn,先装yarn,之后同样简单:
sudo apt install yarn
yarn add jquery
这两种方式本质上是把库下载到本地node_modules目录,然后通过模块导入或构建工具来使用。
2. 直接使用CDN
如果你只想快速试个库,不想在本地安装任何东西,CDN是最省心的办法。把下面的代码插到HTML文件里,jQuery就全局可用了:
Document
这种方式的好处是零配置、加载快(利用CDN缓存),缺点是不能离线使用,而且不利于代码的模块化管理。
3. 使用Webpack或Parcel
当项目规模变大,需要管理多个依赖、异步加载、代码分割时,构建工具就派上用场了。Webpack和Parcel是其中两个典型代表。
Webpack
先装Webpack和Webpack CLI:
npm install --sa ve-dev webpack webpack-cli
然后创建一个webpack.config.js配置文件,指定入口和出口:
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
};
在src/index.js里用ES Module方式引入库:
import $ from 'jquery';
$(document).ready(function() {
console.log('jQuery is working!');
});
最后运行打包命令:
npx webpack
Parcel
Parcel号称零配置,用起来更直接。先安装:
npm install --sa ve-dev parcel-bundler
在package.json里加一个启动脚本:
{
"scripts": {
"start": "parcel index.html"
}
}
在index.html里直接引入你的库和入口JS文件:
Document
然后运行 npm start,Parcel会自动处理依赖、打包,并启动一个开发服务器。
4. 使用Bower
Bower曾经是前端包管理的首选,现在虽然热度大减,但在一些老项目里还能见到。如果非要碰它,也可以这么来:
安装Bower
sudo npm install -g bower
安装库
bower install jquery --sa ve
在HTML中引入
Bower会把库下载到bower_components目录,然后手动引入:
Document
不过说实话,Bower已经逐渐被npm和yarn替代,新项目建议直接跳过它。
总结一下:临时测试用CDN,单文件小项目用npm安装后手动引入,中等规模项目用Parcel省心,大型复杂项目上Webpack。根据你的实际场景选最顺手的那条路就好。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。


























