SASS有一个叫做的功能@extend
,允许选择器继承另一个选择器的属性,但不复制属性(如mixins).
LESS也有这个功能吗?
我有一个由我自己构建的yeoman-generator支持的grunt项目generator-webapp
,如果有任何帮助,你可以在GitHub上找到它
咕噜咕噜的项目使我们成为了grunt-usemin
这项任务.
我的项目涉及建立一个多语言网站,为了保持清洁,我决定将所有用一种语言写成的页面放在文件夹名称之后,用两个字母的短代码表示.
| project/
|--dist/
|----en/
|------index.html
|------404.html
|------...
|----fr/
|------index.html
|------404.html
|------...
Run Code Online (Sandbox Code Playgroud)
这些文件由把手模板制成并使用assemble
.在布局中我有usemin
像这样的构建块
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="../styles/main.css">
<!-- endbuild -->
<!-- build:js scripts/vendor/modernizr.js -->
<script src="../bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
Run Code Online (Sandbox Code Playgroud)
在一个完美的世界中,这将转化为
<link rel="stylesheet" href="../styles/main.css">
<script src="../scripts/vendor/modernizr.js"></script>
Run Code Online (Sandbox Code Playgroud)
而是显示
<link rel="stylesheet" href="styles/main.css">
<script src="scripts/vendor/modernizr.js"></script>
Run Code Online (Sandbox Code Playgroud)
这在我的情况下不太理想.相关部分Gruntfile.js
看起来像这样
useminPrepare: {
options: {
dest: '<%= yeoman.dist %>'
},
html: [
'<%= yeoman.app %>/fr/{,*/}*.html',
'<%= yeoman.app %>/en/{,*/}*.html'
]
},
usemin: { …
Run Code Online (Sandbox Code Playgroud) 要连接两个文件,它看起来像这样:
concat: {
src: ['common.js','js/app.js'],
dest: 'assets/js/app.js'
}
Run Code Online (Sandbox Code Playgroud)
如果我想将整个文件夹连成一个,它看起来像这样:
concat: {
src: ['dev/*.js','],
dest: 'prod/js/app.js'
}
Run Code Online (Sandbox Code Playgroud)
但是,假设我有一个文件,我想要连接到10或20个其他文件,我希望它们分别连接?换句话说,这就是我要找的东西:
A.js + B.js = AB.js
A.js + C.js = AC.js
A.js + D.js = AD.js
A.js + E.js = AE.js
Run Code Online (Sandbox Code Playgroud)
等等......更具体一点,我可以弄清楚如何按照描述逐个连接文件,但我想弄清楚如何从示例中指定A.js,并将其连接到任何文件中指定的路径.所以我想要的是:
A.js + dev/*.js = AB.js, AC.js, AD.js, AE.js ...
Run Code Online (Sandbox Code Playgroud)
在伪代码中,这就是我想要的:
concat: {
src: ['common.js', 'dev/*.js','], // common.js gets concatenated to each file in this directory
dest: 'prod/js/*.js' // each file in src gets saved separately in dest
}
Run Code Online (Sandbox Code Playgroud)
我很感激任何帮助,我很难找到如何做到这一点的信息
我正在努力处理grunt-assemble grunt任务配置,如下所示:
assemble: {
options: {
flatten: false,
expand: true,
assets: '',
layout: 'default.hbs',
layoutdir: 'templates/layouts',
partials: ['templates/includes/*.hbs'],
helpers: ['templates/helpers/*.js'],
data: ['templates/data/*.{json,yml}']
},
dev: {
src: 'templates/pages/**/*.hbs',
dest: 'build/'
}
Run Code Online (Sandbox Code Playgroud)
assemble.io项目模板的脚手架如下所示:
templates
??? helpers
??? includes
? ??? page-footer.hbs
? ??? page-header.hbs
? ??? scripts.hbs
??? layouts
? ??? default.hbs
??? pages
??? en
? ??? index.hbs
??? fr
? ??? index.hbs
??? index.hbs
Run Code Online (Sandbox Code Playgroud)
我希望得到类似的东西:
build
??? en
? ??? index.html
??? fr
? ??? index.html
??? index.html
Run Code Online (Sandbox Code Playgroud)
但相反,我得到类似的东西: …
我正在使用 Visual Studio Code 使用 C# 进行编程。它坚持在我打字时检查语法错误(红色曲线),而不仅仅是在保存时检查。这会导致很多“错误”,如果等到我完成打字就不会出现这些错误。我进行了谷歌搜索,但没有找到解决方案,只有其他人,很多人,抱怨同样的问题。
有什么方法可以在我打字时禁用错误检查,或者这是我必须忍受的事情。
建议在 settings.json 中添加行,例如 "java.validate.enable": false "javascript.validate.enable": false "problems.decorations.enabled": false
不适用于 C#。
我正在检查这个插件进行本地化,但是在我将它包含在我的内容后应该如何使用它gruntfile.js
?
它似乎有一些用法示例这里
更具体地说,我想通过引用外部JSON文件来添加标题,我们称之为titles.json.
我使用grunt的一个原因是为设计和调试构建静态HTML文件.这在开发过程中非常有用,不仅可以用于标题,还可以用于其他数据,例如设置活动导航链接.
我目前正在使用此处接受的答案描述的过程连接HTML文件: 使用grunt concat,如何自动将同一文件连接到许多其他文件?
编辑:我现在用的组装此,它的建立是为了让使用模板和外部数据很容易的工作.