简介
generator-srtech-m 是一个强大的 NPM 包，它可以快速构建前端项目。通过配置文件，我们可以选择使用的框架、模板和插件，同时提供了丰富的可扩展性，可以满足各类需求。
经过多年开发积累，我们团队提取出了一些最佳实践，封装成 generator-srtech-m，帮助来到前端开发的童鞋，更快速的入门和实践。
安装
安装 generator-srtech-m 这个组建非常简单，我们只需要在命令行中输入如下命令即可：
npm install -g generator-srtech-m
创建项目
通过以下的命令，我们可以快速的创建一个新项目：
yo srtech-m
执行这个命令后，generator-srtech-m 会自动完成项目的初始化、依赖安装、插件配置等一系列过程。
在这个过程中，generator-srtech-m 会向你询问一些问题，包括你所使用的框架、CSS 预编译器、JavaScript 模块化方案、是否需要 TypeScript 等等。这些问题将决定后续项目的基本配置。
配置
在项目创建之后，我们可以通过修改配置文件来进一步定制我们的项目。
在根目录下，我们可以找到一个名为 srtech.config.js 的文件，这个文件就是我们项目的配置文件。
我们可以在这个文件中配置诸如 Webpack、Babel、ESLint 等等的配置，并且支持自定义扩展。
下面展示一个简单的配置示例：
-- -------------------- ---- -------
-------------- - -
-- -- -------
----------------- -
-------- -
------ -
---- ------------------ ------
-
--
---------- -
---- -
----- ------
---------- ------
--------- ------
---- -----
-
-
--
-- -- -----
--------------- -
-------- -
--------------------- -
------------ --------
------- -
-------- -
-
--
-
--
-- -- ------
---------------- -
------ -
------------- ------
-------------- -------------------- --- ------------ - ------- - ------
-
--
-- ----
--------------- -
-- ---
-
-扩展
通过 generator-srtech-m 提供的扩展机制，我们还可以进一步完善我们的项目。
在项目创建的时候，generator-srtech-m 在根目录下创建了一个名为 src/generators/app 的目录，这个目录就是扩展点。
我们可以在这个目录中定义我们自己的 Generator，同时通过 src/srtech.js 称之为插件。
自己的 Generator 示例：
-- -------------------- ---- -------
----- --------- - ---------------------------
-------------- - ----- ------- --------- -
----------------- ----- -
----------- -----
-
----- ----------- -
------------ - ----- --------------
----- --------
----- -------
-------- ---------
-- -
----- --------
----- --------------
-------- ---------
---
-
--------- -
----------------
----------------------------------
------------------------------------- -
----- ------------------
------------ ------------------------
-
-
-
-我们可以在运行中使用 npm run generate 命令来生成一个新的 Generator。
自己的插件示例：
module.exports = (api, options) => {
api.chainWebpack(config => {
config
.entry('app')
.add('babel-polyfill')
.end()
})
}扩展机制可以几乎对所有内容进行扩展，例如新增模板文件、配置文件等等。
总结
通过使用 generator-srtech-m，我们可以快速构建一个前端项目，省去了繁琐的初始化、配置工作。同时，我们还可以根据自身的需求，进行个性化的定制和扩展，提高开发效率。
在团队协作中，我们可以共享一套经过配置的 generator-srtech-m，提供了统一的开发规范，减少了团队成员之间的差异。
笔者在多个实际项目中使用了 generator-srtech-m 工具，取得了不菲的成果。相信在各位开发者的实际项目中同样会有很好的使用体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664c81e8991b448e26d4