Question

我正在使用RequireJS来整理我的Backbone个应用，并且我正在require之外的网站开发期间尝试使用LessCSS以避免该网页呈现风格很慢。

<script type="text/javascript" data-main="/js/config.js" src="/js/libs/require/require-2.1.8.min.js"></script>
<link rel="stylesheet/less" type="text/css" href="http://website.local/css/styles.less">
<script type="text/javascript">
    less = {
        env:"develop"
    }
</script>
<script type="text/javascript" src="/js/libs/less/less-1.4.1.min.js"></script>

当我在LessCSS之外加载RequireJS JavaScript文件来编译我的LESS代码时，我在Chrome debugger上收到此错误：

Uncaught Error: Mismatched anonymous define() module: function (){return r}

只有在RequireJS个请求之外加载外部库时才会抛出错误。

是否有某种方法可以避免RequireJS抛出此错误并让我使用像LessCSS这样的外部JavaScript库？

Answer 1

在要求之前尝试加载（并执行）较少的;即：

<link rel="stylesheet/less" type="text/css" href="http://website.local/css/styles.less"> <script type="text/javascript"> less = { env:"develop" } </script> <script type="text/javascript" src="/js/libs/less/less-1.4.1.min.js"></script> <script type="text/javascript" data-main="/js/config.js" src="/js/libs/require/require-2.1.8.min.js"></script>

这样，较少的人不会看到AMD环境并加载为标准脚本。

否则你应该按require()加载它（例如mallim提到的rwquire-less插件）。

Answer 2

你可以考虑使用guybedford的无需要求的插件（https://github.com/guybedford/require-less）来帮助你。

另一种方法是使用较少的编译器来编译css并加载css。

在RequireJS之外使用LessCSS

2 个答案: