如何使用requirejs加载css?

2024-04-08

这是我的 requirejs 配置文件。我在基于角度的项目中使用 require js 。如果我可以加载 cssrequirejs我也可以组织我的 css 文件!我是新来的requirejs概念。任何帮助表示赞赏

require.config({
    paths:{
        'angular'       : "agular",
        'app'           : 'app',
        'coreModel'     : 'coreModel',
        'test'          : 'controller/test'
    },
    shim: {
        'app' : {
            deps :['angular','coreModel',]
        },

        'coreModel' : {
            deps : ['angular','test']
        },
        'test' : {
            deps : ['angular',]
        }
    },
});

require(['app',],function(){
    angular.bootstrap(document,['app']);
});

这是我的主控制器

define(function(){

    var coreModel = angular.module('coreModel',['test']);

    coreModel.controller('mainController',function($scope){
        $scope.test = "Hello World";
    });
});

如何使用 requirejs 加载 css ?


我宁愿建议您使用 ocLazyLoad 进行不同的操作。

参考我的回答here https://stackoverflow.com/questions/40643629/angularjs-dynamic-loading-of-script-files-using-lazyload-webpack/40688693#40688693

按照上述链接的初始步骤进行配置

我建议您在控制器文件中使用这种方式,如下所示

(function () {
    angular.module('myApp').controller("homeCtrl", function ($ocLazyLoad,$scope) {

          //this line loads your styles and apply it 
          $ocLazyLoad.load('style.css');

});
})();

现场演示 https://plnkr.co/edit/Xwj3X1?p=preview

注:demo中点击菜单->点击home

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用requirejs加载css? 的相关文章

随机推荐