如何从 JavaScript 文件中抽象出 HTML 模板文字到一个单独的文件，然后将其导入回来？

Question

编辑 2019 年 1 月 21 日：
我的 HTML 模板文字变得太长了。我怎样才能将它提取到一个单独的文件中，然后将它导入回我当前的文件中？

class HelloWorldController extends Controller {

  index_action(req, res, next) {

    return res.send(
      `
      <html>
        ABSTRACT OUT THIS EXCESSIVELY LONG HTML TEMPLATE LITERAL
      </html>
      `
    );
  }
  ... etc

Answer 1

您可以将 HTML 文件提取为字符串，如下所示：

// MyHTML.js 
export const myHTML = `<html>...` // your complete html as a string

// HelloWorldController.js
import MyHTML from './MyHTML' // import your html

你可以在这里使用它：

 return res.send(MyHTML);

如何从 JavaScript 文件中抽象出 HTML 模板文字到一个单独的文件，然后将其导入回来？

How do you abstract out an HTML template literal from a JavaScript file, to a separate file, and import it back?

html

javascript

import

export

literals