Webpack 将咖啡脚本渲染为评论或什么都没有

Question

我无法让 webpack + coffeescript 正常工作。我已经尝试创建一个最小示例来演示我的问题。我试图复制 webpack+coffeescript example 但收效甚微。

我应该得到与上面链接的示例完全相同的代码，而不是 webpack 生成的代码：

/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {

console.log(__webpack_require__(1));

/***/ }),
/* 1 */
/***/ (function(module, exports) {

// module.exports =
//  cool: "stuff"
//  answer: 42
//  external: require "./cup2.coffee"
//  again: require "./cup2"


/***/ })
/******/ ]);

为什么代码被注释掉了？此行为仅在运行 webpack 与 --mode none 时可见，在生产中只是呈现一个空模块。

如果你想尝试在本地复制这里是我的 test project，你可以使用 build.sh 脚本生成代码。

Answer 1

原因是 coffee-loader 中的 literate: true 选项。为什么会有这样的效果我不知道。

module: {
    rules: [
        {
            test: /\.coffee$/,
            loader: "coffee-loader"
        }
    ]
}

是解决方法。

Webpack 将咖啡脚本渲染为评论或什么都没有

Webpack rendering coffee script as comments or nothing

javascript

webpack

coffeescript