使用的是 webpack + typescript，打算在代碼中直接 import content from 'path/to/markdown/file' 這樣來(lái)導(dǎo)入 markdown 文件的內(nèi)容，查閱相關(guān)資料，編寫(xiě) modules.d.ts 文件如下：

declare module "*.md" {
    const content: string;
    export default content;
}

然后在 ts 文件中直接使用 import 導(dǎo)入， tslint 不報(bào)錯(cuò)，但 webpack 打包時(shí)報(bào)錯(cuò)：

Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.

隨后嘗試用 file-loader 加載 md 文件，webpack.config.js 片段如下：

module: {
    rules: [{
            test: /\.md$/,
            use: {
                loader: 'file-loader',
                options: {
                    name: 'file/[name].[hash:6].[ext]'
                }
            }
        }
    ]
}

此時(shí) webpack 打包過(guò)程無(wú)報(bào)錯(cuò)，但 import 語(yǔ)句導(dǎo)入的內(nèi)容變成了路徑本身，例如：

import content from './file/markdown.md';
console.log(content); // 輸出 “./file/markdown.(哈希).md”

想請(qǐng)教一下，在這種情況下正確的加載 markdown 文件的方法應(yīng)該是怎樣的？