requirejs加载css

最新推荐文章于 2021-08-03 21:55:56 发布

j510924

最新推荐文章于 2021-08-03 21:55:56 发布

阅读量6k

点赞数 1

分类专栏： Bootstrap

Bootstrap 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

https://github.com/guybedford/require-css 下载到require-css包

html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="manifest" content="version.json" />
<meta content="email=no" name="format-detection" />
<meta content="telephone=no" name="format-detection" />
<title></title>
</head>
<body>
	<div class="alert alert-warning alert-dismissible fade in" role="alert">
		<button type="button" class="close" data-dismiss="alert"
			aria-label="Close">
			<span aria-hidden="true">×</span>
		</button>
		<strong>Holy guacamole!</strong> Best check yo self, you're not
		looking too good.
	</div>
	<script data-main="js/config.js"
		src="assets/lib/require/require.min.js" type="text/javascript"></script>
</body>
</html>

config.js

require.config({
    baseUrl: 'js',
    map: {
        '*': {
            'css': 'require/css'
        }
    },
    paths: {
        jquery: 'jquery',
        bootstrap: 'bootstrap/bootstrap.min',
        'bootstrap-table': 'bootstrap-table'
    },
    shim: {
        bootstrap: {
            deps: ['jquery', 'css!../css/bootstrap.min'],
        },
        'bootstrap-table': {
           deps:['jquery', 'css!../css/bootstrap-table'],
           exports: 'bootstrap-table'
        }
    },
    waitSeconds: 50
});

requirejs(['jquery', 'bootstrap'], function ($, bootstrap) {
  
});

访问html页面即可查看