Yii2 使用 npm 安裝的包

轉載自: yii2.0.15 使用 npm 替換 bower，加速 composer 安裝速度 [ 2.0 版本 ]

1. 修改 ommon/config/main.php

<?php
return [
'aliases' => [
            '@bower' => dirname(dirname(__DIR__)) . '/node_modules',
            '@npm' => dirname(dirname(__DIR__)) . '/node_modules',
        ],
];

這樣類似 BootstrapPluginAsset 的 public $sourcePath = '@bower/bootstrap/dist'; 就會正確定位到 path/to/project/node_modules。

新增、修改 package.json，將 yii2 的 composer 依賴 bower-asset/* 轉換為對應的 npm 包：

{
  "private": true,
  "dependencies": {
    "jquery": "^2.2.4",
    "bootstrap": "3.3.7",
    "inputmask": "^3.3.11",
    "jquery-treegrid": "^0.3.0",
    "jquery-ui": "^1.12.1",
    "punycode": "^2.1.0",
    "typeahead.js": "^0.11.1",
    "yii2-pjax": "^2.0.7"
  },
  "devDependencies": {},
  "license": "BSD-3-Clause"
}

再修改 composer.json

{
    "provide": {
        "bower-asset/jquery": "*",
        "bower-asset/bootstrap": "*",
        "bower-asset/inputmask": "*",
        "bower-asset/punycode": "*",
        "bower-asset/typeahead.js": "*",
        "bower-asset/yii2-pjax": "*"
    },
    "scripts": {
        "post-install-cmd": [
            "yii\\composer\\Installer::postInstall",
            "yarn install"
        ],
        "post-create-project-cmd": [
            "yii\\composer\\Installer::postCreateProject",
            "yii\\composer\\Installer::postInstall",
            "yarn install"
        ]
    }

刪除項目根目錄下的 vendor 和 node_modules 文件夾后，將 composer 和 npm 都設置為使用國內的鏡像源，執行：

rm composer.lock # remove composer.lock if exist
composer install

composer.json

    "config": {
        "process-timeout": 1800,
        "fxp-asset":{
            "installer-paths": {
                "npm-asset-library": "vendor/npm",
                "bower-asset-library": "vendor/bower"
            }
        }
    },

---

刪除composer全局安裝的包

How to remove globally a package from Composer?

composer global remove <packagename>

如:

composer global remove fxp/composer-asset-plugin