Requirejs 需要css:包括一个css文件,该文件名为';s路径有;css";在它里面(例如:bootstrap/css/bootstrap.css)
My require.js配置:Requirejs 需要css:包括一个css文件,该文件名为';s路径有;css";在它里面(例如:bootstrap/css/bootstrap.css),requirejs,Requirejs,My require.js配置: require.config({ paths: { css: "../libs/require-css/css", }, map: { "*": { less: "../libs/require-less/less", css: "../libs/require-css/css" } } }); 我试图包含一个在目录名中有“css”的
require.config({
paths: {
css: "../libs/require-css/css",
},
map: {
"*": {
less: "../libs/require-less/less",
css: "../libs/require-css/css"
}
}
});
我试图包含一个在目录名中有“css”的css文件
require([
"css!bootstrap/../css/bootstrap"
], function(
) {
被解释为
libs/require css/css/bootstrap.css
,因为css
位于目录名中。我需要如何在路径中处理css
文本您需要更改要使用的路径
而不是:
paths: {
css: "../libs/require-css/css",
},
用这个
paths: {
require-css: "../libs/require-css/css",
},
然后将其引用为
require([
"require-css!bootstrap/../css/bootstrap"
], function(
) {
这些路径只是文件较长位置的快捷方式或别名,因此您可以对其使用任意值。文件路径中不应存在路径中的任何短模块名称 例如,如果
path:{css:'path/to/require/css'},
及
样式中的“css”字符串。css的文件路径将替换为模块css的路径。
这等于
require(['css!path/to/require/css/style.css'], function () {});
为了避免这个问题,您可以像Denis那样用“requireCSS”替换css模块名
path : {require-css: 'path/to/require/css'};
require(['require-css!css/style.css'], function () {});
或者将css目录名“css”替换为“style”
path : {css: 'path/to/require/css'};
require(['css!style/style.css'], function () {});
path : {css: 'path/to/require/css'};
require(['css!style/style.css'], function () {});