在 Mimosa 中自定义无引导文件的最佳方法是什么？答案

【问题标题】：What is the best way to customize a Bootstrap-less file in Mimosa?在 Mimosa 中自定义无引导文件的最佳方法是什么？
【发布时间】：2014-10-07 05:05:20
【问题描述】：

我正在做一个项目，我必须自定义引导较少的文件。我想出了一种方法来使用 mainOverRide 和复制排除来处理 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 目录中，例如：custom.less 或 variables.less。然后我去编辑 bootstrap.less 文件以导入我的新自定义 less 文件。

所以我的问题是....有更好的方法吗？我觉得这有点草率。我觉得好像我错过了使用 Mimosa 使用自定义引导文件的更简单方法。

【问题讨论】：

标签： twitter-bootstrap mimosa

【解决方案1】：

几个选项：

如果您必须进行的更新很小，那么您可以引入一个构建步骤来执行您的修改。您可以使用adhoc-modules 在文件通过时对其进行处理和修改。这是一个在构建期间修改 d3 的模块：https://github.com/dbashford/mimosa-d3-on-window，使用这种方法可以让您保持供应商库的原始状态，同时引入一个可重复的构建步骤来为您执行修改。
如果您需要以主要方式更新较少的文件，最好不要使用 Bower，而只需将代码放在 Bower 之外的存储库中即可。通过您的修改，您显然会在运行和重新运行 Bower 以及覆盖您所做的自定义时遇到问题。

【讨论】：