【源码】基于 Node.js 和 webpack 的 webpack 环境搭建工具

项目简介

这是一款能帮助开发者快速搭建 webpack 开发环境的工具。通过简单的命令行操作，可实现入口文件执行、依赖安装管理、webpack 配置文件自定义等功能。支持 React 和 Vue 框架，可选择是否支持 TypeScript 与多种 CSS 预处理器，还支持 CDN 引入，能有效减小项目体积。

项目的主要特性和功能

1. 快速执行入口文件：无需安装 webpack 或配置环境，通过命令行可直接执行指定入口文件。
2. 命令行参数配置：提供丰富参数，可灵活配置项目，如选择框架、设置入口文件路径、自定义 webpack 配置文件等。
3. webpack 配置文件自定义：支持直接对象合并和使用 webpack - chain 方式修改配置。
4. CDN 引入支持：配置 CDN 链接后，可在项目中引入 CDN 资源，减小项目体积。
5. 依赖管理：提供依赖安装和管理功能，支持 npm 和 yarn 安装方式。

安装使用步骤

全局使用

1. 全局安装：使用以下命令之一进行全局安装。 bash npm install -g webpack-setting bash yarn global add webpack-setting
2. 执行指定入口文件：可直接使用指令执行对应的文件，例如执行以下命令运行指定入口文件。 bash serein run -e ./index.js
3. 查看命令行参数：可通过 -h 参数查看命令行参数说明。
4. 打包任务：使用 serein run -e ./index.js 进行打包任务。
5. 查看依赖及版本：使用 serein dep 查看当前工具中的依赖及版本，使用 serein dep vue 指定查看某个依赖的版本号。
6. 安装依赖：使用 serein install vue 或 serein install vue --save-dev 安装相应依赖。

项目内安装

1. 安装命令：使用以下命令之一在项目内安装。 bash npm install webpack-setting bash yarn add webpack-setting
2. 设置 package.json 命令：在 package.json 中设置命令以进行开发和打包。 js "scripts": { "start": "npm run dev", "dev": "serein run", "build": "serein build" } 支持对配置文件路径进行自定义。 js "dev": "serein run -c ./config/serein.config.js", "build": "serein build -c ./config/serein.config.js"
3. 自定义 webpack 配置：在根目录下创建 serein.config.js 文件，采用直接对象 merge 覆盖或 webpack - chain 的方式修改配置。
4. CDN 引入：若使用配置中的 CDN 引入，不要在根目录下建 html 文件，该项目会根据配置生成 html 文件。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】