EJS에 데이터 주입

2528 단어 webpackejstech

컨디션

  • ejs-easy-loader : "^0.1.4",
  • html-webpack-plugin : "^4.5.0",
  • webpack : "^4.44.2",
  • 주입 방법


    개별 파일


    적절한 키/value 방향
    // src/config.js
    module.exports = {
      hoge: 'ほげ',
    };
    
    // webpack.config.js
    const config = require('./src/config');
    
    new HtmlWebpackPlugin({
      data: config.data,  // ←
    });
    
    HtmlWebpackPlugin 실례를 통해 데이터를 전송할 때 EJShtmlWebpackPlugin.options.xxx에서 접근할 수 있다.

    전체 국면


    <!-- ejs -->
    <%= htmlWebpackPlugin.options.data.hoge %>
    

    잡담

    ejs-html-loader라면 options를 통해 데이터를 주입할 수 있지만 ejs-easy-loader처럼 페이지의 개별 데이터로 전송할 수 없습니다.
    https://www.npmjs.com/package/ejs-html-loader#usage

    좋은 웹페이지 즐겨찾기