Twitter bootstrap 在Mimosa中定制无引导文件的最佳方法是什么?
我正在做一个项目,我必须自定义无引导文件。我已经找到了一种使用mainOverRide和copy exclude处理Mimosa的方法。但是它很邋遢 这是配置Twitter bootstrap 在Mimosa中定制无引导文件的最佳方法是什么?,twitter-bootstrap,mimosa,Twitter Bootstrap,Mimosa,我正在做一个项目,我必须自定义无引导文件。我已经找到了一种使用mainOverRide和copy exclude处理Mimosa的方法。但是它很邋遢 这是配置 exports.config = { "modules": [ "copy", "jshint", "csslint", "require", "minify-js", "minify-css", "live-reload", "less", "bower"
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使用自定义引导文件的更简单方法。几个选项:
- 如果必须进行的更新很小,那么可以引入构建步骤来执行修改。您可以使用来处理文件并对其进行修改。这里有一个在构建过程中修改d3的模块:,使用这种方法可以让您保持供应商库的原始状态,同时引入一个可重复的构建步骤来为您执行修改
- 如果您需要以主要方式更新较少的文件,那么最好不要使用Bower,只需将代码保存在Bower之外的repo中即可。通过修改,显然在运行和重新运行Bower时会遇到问题,并且会覆盖您所做的自定义设置