typescript - 如何在汇总中包含与 typescript 的依赖关系？

Question

我正在使用汇总设置一个 typescript 项目。以下是我到目前为止的汇总配置。

现在我需要包括 jQuery。仅使用 typescript ，我将安装@types/jquery，仅此而已。

然而，Rollup 似乎没有在它创建的包中包含 jQuery，即使 tslint 没有反对，我在运行时得到 $ is not defined。我如何将 jquery 与其余的 js 一起打包？

import * as fs from 'fs';
import resolve from 'rollup-plugin-node-resolve';
import typescript from 'rollup-plugin-typescript2';
import serve from 'rollup-plugin-serve';
import livereload from 'rollup-plugin-livereload';
import scss from 'rollup-plugin-scss';

import sass from 'node-sass';
import postcss from 'postcss';
import autoprefixer from 'autoprefixer';
import CleanCSS from 'clean-css';

export default {
  input: './src/main.ts',
  output: {
        file: './bundle.js',
        format: 'iife',
        name: 'monoblockPanel'
    },
  plugins: [
        resolve(),
    typescript(),
    scss({
      output: function(styles, styleNodes) {
        postcss([autoprefixer]).process(styles).then(result => {
          result.warnings().forEach(warn => {
            console.warn(warn.toString());
          });
          let minified = new CleanCSS({}).minify(result.css);
          fs.writeFileSync('./styles.css', minified.styles);
        });
      }
    }),
    serve({
            host: '127.0.0.1',
            port: 4201,
            contentBase: '.'
        }),
    livereload()
  ]
}

Answer 1

尝试导入

import 'jquery`;

它会将 jQuery 添加到全局上下文中，应该可以解决您的问题