使用es6模板字符串加载器导入html文件

问题描述

我想使用，而不是 es6-template-string-loader

1. I used the npm module html-loader, instead of es6-template-string-loader

2. 添加到 webpack.config.js

...
module: {
    rules: [
        {
            test: /\.html$/,
            exclude: /node_modules/,
            use: {loader: 'html-loader'}
        }
    ]
}
...

Webpack 1（已弃用，但原始答案）：

Webpack 1 (deprecated, but from original answer):

...
module: {
    loaders: [
        {
            test: /\.html$/,
            loader: "html-loader"
        }
    ]
}
...

3. 在您的JS文件中使用

3. Use in your JS files

import template from './header.html';

这篇关于使用es6模板字符串加载器导入html文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！