가 <a href="https://www.npmjs.com/package/html-loader" rel="nofollow noreferrer">html-loader</a> 플러그인 JS에서 HTML을 가져 오기</p> <p>와 자바 스크립트에서 HTML을 가져 오려는 웹팩

Question

에 html 파일 가져 오기에 대한 모듈 오류를 찾을 수 없습니다 :

Cannot find module './button.html'

:

import buttonHtml from './button.html'; 

은 타이프 라이터 오류를 제공합니다 웹팩 구성 :

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') 
    } 
}; 

당신이 그와 같은 HTML을로드하려면

Answer 1

, 당신은이 항목으로 typings.d.ts 파일이 필요합니다 :

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