繁体   English   中英

如何使用browserify从node_modules加载typescript模块?

[英]How do you load typescript modules from node_modules using browserify?

当我运行tsc ,一切都运行得很好。 但是,我无法理解您是如何从节点模块导入其他打字稿模块的。

这是我的gulp文件的重要部分:

gulp.task('compile-ts', ['clean'], function(){
  var sourceTsFiles = [
    config.allTs,
    config.typings
  ];

  var bundler = browserify({
    basedir : "src",
    debug : true})
    .add("app.ts")
  //.add("typings/tsd.d.ts")
  .plugin(tsify);

  return bundler.bundle()
        .pipe(source("bundle.js"))
        .pipe(gulp.dest("build"))
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(sourcemaps.write({includeContent: false, sourceRoot: 'src'}));

});

我用的时候

import {DataRepository, List} from "tsmvc";

其中tsmvc是一个打字稿模块节点模块,我得不到cannot find module tsmvc. Atom没有抱怨并向我展示intellisense,tsc不抱怨,但tsify确实如此。 谁能指点我做一个类似的东西或解释过程的gulp文件?

这是github回购: https//github.com/Davste93/typescript-mvc-consumer/blob/master/gulpfile.js

在此之前的版本0.15.3 tsify ,不可能从内部导入打字稿文件node_modules

在内部, tsify插件创建一个转换,Browserify不会在node_modules下转换文件以进行非全局转换。 在tsify的tsify版本中,添加了global选项,可以按如下方式指定:

var bundler = browserify({
    basedir: "src",
    debug: true
})
.add("app.ts")
.plugin(tsify, { global: true });

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM