无法在导入的HTML文件中的WebPack
问题描述:
试图导入的HTML中的JavaScript与html-loader插件无法在导入的HTML文件中的WebPack
导入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')
}
};
答
如果要加载HTML一样,你需要一个typings.d.ts
文件与此项:
declare module '*.html' {
const value: any;
export default value;
}
它表面上消除了错误。当我用webpack编译时,错误仍然存在。 –