RequireJS 路径和 require-css 如何组合?
How can RequireJS paths and require-css could be combined?
我正在使用 RequireJS 和 require-css 以及 CDN URL,它运行良好,但我希望能够为我的 CSS 依赖项定义本地回退并执行如下操作:
require.config( {
paths: {
'css!library-name': [ '<CDN_URL>', '<LOCAL_URL>' ]
},
map: {
'*': {
'css': '//cdn.jsdelivr.net/npm/require-css@0.1.10/css.min.js'
}
}
} );
require( [ 'css!library-name' ], function(){
// ...
} );
我搜索过,但没有找到 examples/guidance 如何执行此操作。任何帮助将不胜感激。
我测试了这个并且正在为我工作:
require.config( {
paths: {
// Also have a fallback for require-css itself
'require-css': [ '//cdn.jsdelivr.net/npm/require-css@0.1.10/css', '../node_modules/require-css/css' ]
'library-name-css': [ '<CDN_URL>', '<LOCAL_URL>' ]
}
} );
require( [ 'require-css!library-name-css' ], function(){
// ...
} );
希望对大家有所帮助。请注意,使用回退意味着您必须在本地下载文件(在这种情况下,我使用 NPM 完成)
我正在使用 RequireJS 和 require-css 以及 CDN URL,它运行良好,但我希望能够为我的 CSS 依赖项定义本地回退并执行如下操作:
require.config( {
paths: {
'css!library-name': [ '<CDN_URL>', '<LOCAL_URL>' ]
},
map: {
'*': {
'css': '//cdn.jsdelivr.net/npm/require-css@0.1.10/css.min.js'
}
}
} );
require( [ 'css!library-name' ], function(){
// ...
} );
我搜索过,但没有找到 examples/guidance 如何执行此操作。任何帮助将不胜感激。
我测试了这个并且正在为我工作:
require.config( {
paths: {
// Also have a fallback for require-css itself
'require-css': [ '//cdn.jsdelivr.net/npm/require-css@0.1.10/css', '../node_modules/require-css/css' ]
'library-name-css': [ '<CDN_URL>', '<LOCAL_URL>' ]
}
} );
require( [ 'require-css!library-name-css' ], function(){
// ...
} );
希望对大家有所帮助。请注意,使用回退意味着您必须在本地下载文件(在这种情况下,我使用 NPM 完成)