Requirejs 需要css:包括一个css文件,该文件名为';s路径有;css";在它里面(例如:bootstrap/css/bootstrap.css)

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”的

My require.js配置:

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 () {});