Webpack参考手册
装载 | Loaders
coffee-loader
像 JavaScript 一样加载 CoffeeScript
安装
npm install --save-dev coffee-loader
用法
import coffee from 'coffee-loader!./file.coffee';
import coffee from 'file.coffee';
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.coffee$/,
use: [ 'coffee-loader' ]
}
]
}
}
选项
Name |
Default |
Description |
---|---|---|
literate |
false |
Enable CoffeeScript in Markdown (Code Blocks) e.g file.coffee.md |
sourceMap |
false |
Enable/Disable Sourcemaps |
transpile |
false |
Provide Babel presets and plugins |
Literate
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.coffee.md$/,
use: [
{
loader: 'coffee-loader',
options: { literate: true }
}
]
}
]
}
}
Sourcemaps
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.coffee$/,
use: [
{
loader: 'coffee-loader',
options: { sourceMap: true }
}
]
}
]
}
}
Transpile
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.coffee$/,
use: [
{
loader: 'coffee-loader',
options: {
transpile: {
presets: ['env']
}
}
}
]
}
]
}
}
装载 | Loaders相关

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块,生成一系列表示这些模块的静态资源。
主页 | https://webpack.js.org/ |
源码 | https://github.com/webpack/webpack |
发布版本 | 3.8.1 |