无法在导入的HTML文件中的WebPack

Question

试图导入的HTML中的JavaScript与html-loader插件

导入HTML中JS与找到模块错误：

import buttonHtml from './button.html'; 

给出打字稿错误：

Cannot find module './button.html'

Webpack配置：

const path = require('path'); 

module.exports = { 
    entry: { 
     'background.js':path.resolve(__dirname, './background.ts'), 
     'content.js': path.resolve(__dirname,'./content.ts') 
    }, 
    devtool: 'inline-source-map', 
    module: { 
    rules: [ 
     { 
     test: /\.tsx?$/, 
     use: 'ts-loader', 
     exclude: /node_modules/ 
     }, 
     { 
     test: /\.html$/, 
     exclude: /node_modules/, 
     use: {loader: 'html-loader'} 
    } 
    ] 
    }, 
    resolve: { 
    extensions: [ ".tsx", ".ts", ".js" ] 
    }, 
    output: { 
    filename: '[name]', 
    path: path.resolve(__dirname, 'dist') 
    } 
}; 

Answer 1

如果要加载HTML一样，你需要一个typings.d.ts文件与此项：

declare module '*.html' { 
    const value: any; 
    export default value; 
}