在Debian系统上实现Ja vaScript模块化
想在Debian环境里玩转Ja vaScript模块化？这事儿其实没想象中那么复杂。只要跟着清晰的路径走，几步就能搭建起一个可维护的现代前端工程环境。咱们这就把整个过程拆解一下。
第一步：选择模块化方案
开工之前，得先定个调子：你准备用哪种模块化规范？目前主流的选择有这么几个：CommonJS（Node.js的默认选择）、AMD（比如RequireJS库），以及现代的ES6模块（现在的主流，被现代浏览器和Node.js新版本原生支持）。选哪个，很大程度上取决于你的项目目标和运行环境。
第二步：安装Node.js
Debian系统默认可能没装Node.js，不过安装起来就是几条命令的事。打开终端，依次执行：
sudo apt update
sudo apt install nodejs
sudo apt install npm这几行命令会更新软件包列表，然后安装Node.js及其包管理器npm。完成后，可以用 node --version 和 npm --version 验证一下。
第三步：初始化项目
接下来，为你的项目创建一个“身份证”——也就是 package.json 文件。进入你的项目目录，运行：
npm init命令行会交互式地引导你填写项目名称、版本、描述等信息。一路按提示操作，或者直接按回车使用默认值也行。完成后，目录下就会生成这个至关重要的配置文件。
第四步：安装模块
有了npm，安装第三方库就变得轻而易举。比如，你需要jQuery的话，只需：
npm install jquery这个命令会把jQuery下载到本地的 node_modules 文件夹，并在 package.json 中记录这个依赖。
第五步：编写模块化代码
重头戏来了：写代码。创建你的Ja vaScript文件，比如 main.js，然后用模块语法引入依赖。
如果你选用CommonJS语法（在Node.js环境中很常见），代码大概长这样：
// 使用CommonJS语法
const $ = require('jquery');
$(document).ready(function() {
$('body').append('Hello, World!
');
});要是你更青睐现代的ES6模块语法，可以这么写：
// 使用ES6模块语法
import $ from 'jquery';
$(document).ready(() => {
$('body').append('Hello, World!
');
});第六步：打包和运行
对于浏览器环境，或者为了优化和部署，我们通常需要把模块化的代码“打包”成一个或几个文件。Webpack、Rollup都是当下非常流行的打包工具。这里以Webpack为例，展示一下标准流程：
安装Webpack和Webpack CLI：作为开发依赖安装。
npm install --sa ve-dev webpack webpack-cli创建Webpack配置文件：在项目根目录下新建一个
webpack.config.js文件，进行基本配置。例如：const path = require('path'); module.exports = { entry: './main.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };配置npm脚本：在
package.json文件的“scripts”部分，添加一条build命令："scripts": { "build": "webpack" }执行打包：运行以下命令，Webpack就会根据配置开始工作。
npm run build打包完成后，你会在项目里看到一个新增的
dist目录，里面就是生成好的bundle.js文件。运行打包后的文件：在Debian系统上，你可以直接用Node.js运行它：
node dist/bundle.js
瞧，走到这一步，一个完整的Ja vaScript模块化流程就在Debian上跑通了。当然，这里只是用Webpack打了个样，市面上Rollup、Parcel等工具同样各具特色，你可以根据项目的具体需求和偏好，灵活选择最趁手的那一个。
