Handlebars.js: 웹팩 경고와 함께 핸들바 사용 require.extensions 지원되지 않음

handlebars-loader와 같은 것을 사용하여 미리 컴파일하고 handlebars/runtime 모듈을 사용하는 것이 좋습니다. 그렇지 않으면 이 노드별 코드가 없기 때문에 bower를 통해 클라이언트 측 빌드 중 하나를 사용해야 합니다.

handlebars-loader와 같은 것을 사용하여 미리 컴파일하고 handlebars/runtime 모듈을 활용하는 것이 좋습니다.

@kpdecker 어떻게 할까요? 저는 핸들바 1.3.0과 핸들바-로더 ^1.0.2를 모두 설치했으며 다음과 같은 AMD 모듈이 있습니다.

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

그리고 webpack 구성에는 다음이 있습니다.

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

hbs! 가 핸들바 로더에 매핑되도록 합니다. 그런 다음 webpack을 실행하면 다음과 같은 친숙한 경고가 표시됩니다.

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 의 "resolve" 섹션('handlebars/runtime.js')을 추가하면 webpack을 실행하고 "Handlebars.compile은 함수가 아닙니다"라는 메시지가 표시됩니다.

내가 놓친 것이 있습니까?

많은 감사

런타임에는 컴파일러가 포함되어 있지 않습니다. 모범 사례인 템플릿을 미리 컴파일해야 합니다. 클라이언트에서 템플릿을 컴파일해야 하고 비용(시작 및 파일 크기)에 문제가 없다면 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()]
}

또한 작동합니다.