gem-mine-script

基于 webpack 的 react 应用构建命令行

Usage

npm install -g @gem-mine/script

// `gem-mine-script` 可缩写为 `gms`

gem-mine-script dev # 测试

gem-mine-script build # 生产

Debug

Node.js debugging in VS Code

参考配置文件

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "gem-mine-script tester",
            "program": "${workspaceFolder}\\packages\\@gem-mine\\script\\bin\\gem-mine-script.js", // 入口JS
            "console": "integratedTerminal",
            "skipFiles": [
              "<node_internals>/**"
            ],
            "autoAttachChildProcesses": true,
            "cwd": "C:\\gitlab\\nd\\gmc-base-test", // 执行路径，`gms`仅支持在`gmc`创建的项目的`根目录`执行
            "args": [ // 执行参数，按照测试需要填写
                "build",
            ],
        }
    ]
}

Develop Guide

入口指令

在package.json中设置bin来指定npm的可执行指令。 如果包安装在全局(-g)，可以直接命令行执行；如果是安装在本地包，可以通过npx来执行

关键库说明

• webpack: 打包工具
• webpack-chain: 链式webpack配置API
• babel-loader: babel-loader
• stylelint: CSS Lint
• eslint: ES语法检查

参考项目

Webpack系列配置是一个比较繁琐的东西，配套的周边也特别的多，可以参考一下项目

• vue-cli
• umi
• vue-webpack-boilerplate: 比较老但是提供了更直观的webpack配置

Known Issue

• https选项中生成的自签名证书没有提供CA，如有实际需要，可以改用mkcert