typescript 的 webpack 配置教程顯示如下:
const path = require('path');
module.exports = { ... }
將其用作 es 模塊并使用例如匯入進行配置不是更好嗎?或者有沒有像上面那樣配置的原因?我找不到任何這樣配置的示例:
import webpack from "webpack";
import path from "path";
export default () => { ... }
uj5u.com熱心網友回復:
TypeScript 和較新的 ES 標準是普通 JavaScript 的超集。使用廣泛支持的語法和功能撰寫組態檔使其更廣泛可用和可接受,而無需額外設定。
TypeScript 在某些方面是一種更好的實踐,但是您需要引入額外的依賴項和配置才能使用它,在某些組織中您甚至沒有這種自由。與 ES 類似,Node.js 直到 v12 才原生支持 mjs。
好訊息是 Webpack 還支持使用包括 TypeScript 在內的多種語言撰寫配置,請參閱https://webpack.js.org/configuration/configuration-languages/
如果由于某種原因您不能直接撰寫 TypeScript,也可以使用 TypeScript JSDoc 注釋來獲取 IntelliSense 等功能:
/** @type { import('webpack').Configuration } */
const config = {...};
module.exports = config;
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/436097.html
標籤:javascript 反应 打字稿 网页包 配置
上一篇:使用webpack動態加載圖片
