Handlebars.js: वेबपैक चेतावनी के साथ हैंडलबार का उपयोग करना आवश्यक है। एक्सटेंशन समर्थित नहीं हैं

मैं हैंडलबार-लोडर जैसे कुछ का उपयोग करके और handlebars/runtime मॉड्यूल का उपयोग करके प्रीकंपलिंग की अनुशंसा करता हूं। अन्यथा आपको बोवर के माध्यम से क्लाइंट-साइड बिल्ड में से एक का उपयोग करना चाहिए क्योंकि उनके पास इस नोड-विशिष्ट कोड में से कोई भी नहीं है।

मैं हैंडलबार-लोडर जैसे कुछ का उपयोग करके और हैंडलबार/रनटाइम मॉड्यूल का उपयोग करके प्रीकंपलिंग की अनुशंसा करता हूं।

@kpdecker हम यह कैसे करेंगे? मेरे पास हैंडलबार 1.3.0 और हैंडलबार-लोडर ^ 1.0.2 दोनों स्थापित हैं, फिर मेरे पास एक एएमडी मॉड्यूल है जो इस तरह दिखता है:

define([
  'hbs!path/to/template' // path/to/template.hbs
],
function(template) {
  // ...
});

और वेबपैक कॉन्फ़िगरेशन में मेरे पास है:

{
  resolveLoader: {
    fallback: path.join(__dirname, 'node_modules'),
    alias: {
      'hbs': 'handlebars-loader'
    }
  },
}

ताकि hbs! हैंडलबार-लोडर में मैप हो जाए। फिर जब मैं वेबपैक चलाता हूं, तो मुझे वे परिचित चेतावनियां मिलती हैं:

WARNING in /some/absolute/path/~/handlebars/lib/index.js
require.extensions is not supported by webpack. Use a loader instead.

मैं क्या खो रहा हूँ? मुझे handlebars/runtime के साथ क्या करना चाहिए?

ठीक है, इसलिए हैंडलबार के लिए उपनाम जोड़ने से चेतावनियों से छुटकारा मिल गया है:

{
  resolve: {
    modulesDirectories: ['node_modules', 'src'],
    fallback: path.join(__dirname, 'node_modules'),
    alias: {
      'handlebars': 'handlebars/runtime.js'
    }
  },
  resolveLoader: {
    fallback: path.join(__dirname, 'node_modules'),
    alias: {
      'hbs': 'handlebars-loader'
    }
  }
}

ऐसा लगता है कि यह चाल है, लेकिन मुझे अभी भी कुछ भी चलने से पहले पता लगाने के लिए अन्य त्रुटियां हैं, तो मुझे पता चलेगा कि यह काम करता है या नहीं।

हाय, @kpdecker ,

आपकी प्रतिक्रिया के लिए आपका धन्यवाद।
यह एक तरह से काम कर रहा है।

मेरे पास एक ही समस्या है, यह काफी दिलचस्प है कि अगर मैं @trusktr के "समाधान" खंड ('हैंडलबार/रनटाइम.जेएस') को वेबपैक चलाता हूं और मुझे "हैंडलबार्स। संकलन एक फ़ंक्शन नहीं है"

क्या मुझे कुछ याद आया?

बहुत धन्यवाद

रनटाइम में कंपाइलर शामिल नहीं है। आपको अपने टेम्पलेट को प्रीकंपाइल करना होगा, जो सबसे अच्छा अभ्यास है। यदि आपको क्लाइंट पर टेम्प्लेट संकलित करने की बिल्कुल आवश्यकता है और लागत (स्टार्टअप और फ़ाइल आकार) के साथ ठीक हैं, तो आप हैंडलबार को handlebars/dist/handlebars.js जैसी किसी चीज़ के लिए उपनाम देना चाहेंगे

धन्यवाद @kpdecker ,
मैं यह कोशिश करूंगा

मैंने यह देखने के लिए #1102 भी दर्ज किया है कि क्या इसे उन लोगों के लिए क्लीनर बनाया जा सकता है जो पूरे रनटाइम चाहते हैं।

@kpdecker @seeliang : मैं सिर्फ दूसरों को यह बताना चाहता हूं कि अलियासिंग हैंडलबार काम करता है।

 resolve:
  {
    alias: {
      'handlebars' : 'handlebars/dist/handlebars.js'
    }
  },

धन्यवाद @kpdecker।

यहां देख रहे अन्य लोगों के लिए

यह सबसे अच्छा समाधान है जो मैंने पाया है
https://github.com/valtech-nyc/brookjs/blob/master/packages/brookjs/webpack.config.js#L39 -L43
यहाँ https://github.com/pcardune/handlebars-loader/issues/110#issuecomment -358681867

धन्यवाद @mAAdhaTTah

यूपीडी:

//fix handlebars warnings
config.resolve.alias = {
    ...config.resolve.alias,
    'handlebars/runtime': 'handlebars/dist/cjs/handlebars.runtime',
    'handlebars': 'handlebars/dist/cjs/handlebars.runtime',
};

const nodeExternals = require('webpack-node-externals');
module.exports = {
  externals: [nodeExternals()]
}

काम भी करता है।