0

ブートストラップの少ないファイルをカスタマイズする必要があるプロジェクトに取り組んでいます。mainOverRide と copy exclude を使用して Mimosa でそれを行う方法を見つけました。しかし、かなりずさんです。

ここに設定があります

exports.config = {
    "modules": [
    "copy",
    "jshint",
    "csslint",
    "require",
    "minify-js",
    "minify-css",
    "live-reload",
    "less",
    "bower"
],
watch: {
    sourceDir: "src",
    compiledDir: "website",
    javascriptDir: "js"
},
vendor: {
    javascripts: "js/vendor",
    stylesheets: "css/vendor"
},
bower: {
    copy: {
        mainOverrides: {
            "bootstrap": [
                "dist/js/bootstrap.js",
                {"less":"bootstrap/less"},
                {"less/mixins":"bootstrap/less/mixins"}
            ],
            "font-awesome": [
            { "fonts": "fonts" },
                "css/font-awesome.css",
                "css/font-awesome-ie7.css"
            ]
        },
        exclude: ["css/vendor/bootstrap/less"]
    }
}
}

これにより、ブートストラップの少ないファイルが css/vendor/bootstrap にコピーされます

次に、カスタムのlessファイルをcssディレクトリex:custom.lessまたはvariables.lessに配置します。次に、bootstrap.less ファイルを編集して、新しいカスタムの less ファイルをインポートします。

だから私の質問は....もっと良い方法はありますか?これはちょっともったいない気がします。Mimosa を使用してカスタム ブートストラップ ファイルを使用する簡単な方法を見逃しているように感じます。

4

1 に答える 1