在 Angular 中加载咖啡脚本模块

Question

我有一个 Angular-CLI 应用程序，我尝试引入第三方依赖项，它是用 Coffee Script 编写的。这就是我在组件中所做的：

const CoffeeWidget = require('coffee-loader!CoffeeWidget');

我认为使用咖啡装载机会起作用。但不是真的。现在我可以阅读index.coffee，但在我的index.coffee 和require 其他咖啡文件中。喜欢：

Cup = require '../tools/cup.coffee'

但是准备cup.coffee 并说：You may need an appropriate loader to handle this file type.

还有其他人遇到过这个问题吗？

Answer 1

由于您将coffee-loader 直接用于require statement，因此webpack 将仅在所需文件上使用加载器。

为了让 webpack 在任何深度找到的任何 .coffee 文件上使用 coffee-loader，请在 webpack 配置中扩展 module.rules 数组：

// Webpack 2 syntax

module.exports = {
  module: {
    rules: [
      {
        test: /\.coffee$/,
        use: [ 'coffee-loader' ]
      }
    ]
  }
}