1. Coffee Loader

像 JavaScripty 一样加载 CoffeeScript

1.1. 安装

npm install --save-dev coffee-loader

1.2. 用法

import coffee from 'coffee-loader!./file.coffee';

1.2.1. 配置 (推荐)

import coffee from 'file.coffee';

webpack.config.js

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

1.3. Options

姓名	默认值	描述
`literate`	`false`	在 Markdown 中启用CoffeeScript(代码块) 比如 `file.coffee.md`
`sourceMap`	`false`	启用/禁用 Sourcemaps
`transpile`	`false`	提供 Babel presets 和 plugins

1.3.1. Literate

webpack.config.js

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

1.3.2. Sourcemaps

webpack.config.js

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

1.3.3. Transpile

webpack.config.js

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