javascript - Typescript RequireJs 快捷键 + 导航

标签 javascript requirejs typescript

我定义了这些 requireJs 选项:

require.config({
    baseUrl: '/js/',
    paths: {
        jquery: '/components/jquery/dist/jquery',
        foundation: '/components/foundation/js/foundation',
        fastclick: '/components/fastclick/lib/fastclick',
        angular: '/components/angular/angular',
        angularRoute: '/components/angular-route/angular-route',
        socketIO: '/components/socket.io-client/dist/socket.io'
    },

    shim: {
        'foundation': {
            deps: ['jquery', 'fastclick']
        },
        'angular': {'exports': 'angular'},
        'angularRoute': ['angular']
    },
    priority: [
        'angular'
    ]

});

如果我在 javascript 语法中使用 requireJs,这些工作一切正常。然后基本 url 和所有这些外部库的好快捷方式就可以工作了。

但我现在问你是否也可以以 Typescript 的方式使用这些快捷方式。 因为如果我说:例如在文件中

import angular = require('angular');

它没有导入文件。我正在使用 amd 选项编译源代码。

有人可以为我提供如何使用这些导入语句浏览项目的链接。 my folder structure for client-side code

这个结构是我当前项目使用的结构。那里有一个客户端(公共(public))文件夹,如果我想在浏览器中访问 js 文件。我必须写:localhost/js/file.js 现在,当我在 js 语法中使用 requireJs 时,我可以轻松编写诸如controllers/userController之类的内容,并且它导航到正确的文件夹,但是我如何在我的 import/require 中导航? 目前我必须使用我正在使用导入的文件的相对路径,但这不是很明智

最佳答案

我这样做是为了让它发挥作用:)

/// <reference path="./types/angular/angular.d.ts" />
declare module 'angular'{
    var angular:ng.IAngularStatic;
    export = angular;
}

// now you can do: 
import angular = require('angular');

关于javascript - Typescript RequireJs 快捷键 + 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23686579/

相关文章:

javascript - 在 ASP 中隐藏 Html 特定值

javascript - 在 phonegap 和 Windows Phone 7 中使用 $.ajax 获取静态 html 文件

javascript - 多文件 JavaScript 库

backbone.js - Webpack ProvidePlugin 与外部插件?

angular - zone.js 无法解析

node.js - 如何在 Node 中访问 Lambda 中的/tmp 文件夹?

typescript - Typescript 中的匿名类

javascript - 是否可以将对象写入浏览器 cookie?

javascript - 如何通过单击选择选项在 html 元素中隐藏和显示

javascript - 我正在尝试将纬度和经度保存到 Mongoose 模型,但我无法存储它们