2017-05-03 4 views
1

사용 :필요로하는 방법 HTML 파일 웹팩이 현재

  • "웹팩을": "^ 2.4.1"
  • "각도": "^ 1.6.3"

현재 사용

var root = { 
    template: require('./root.html') 
}; 
{ 
    test: /\*.html$/, 
    use: 'raw-loader!html-minifier-loader', 
    exclude: /node_modules/ 
} 
: 그게 내가 적절한 로더를 필요로하는 오류를 제공

하지만 다음 중 하나를 수행 할 경우 그것을 잘로드 :

var root = { 
    templateUrl: './root.html' 
}; 
var root = { 
    template: require('raw-loader!./root.html') 
}; 

내가 HTML 파일을 필요로 할 경우 특히 인라인 로더를 사용해야합니까? Webpack 2의 변경 사항을 알지 못하면 webpack config의 로더가 사용 된 것으로 생각됩니다.

답변

1

test condition이 올바르지 않습니다. 파일 이름 그대로는 예를 들어, *을 포함 경우에만 일치합니다 :

root*.html 
root*ahtml 
root*bhtml 

는 대신

/\.html$/ 

를 원한다. glob 패턴이 아닌 정규 표현식입니다.

+0

나는 피곤했는데, 두 가지 오류를주지 않았다. 파일 (./ root.html)을 찾을 수 없으며 오류 : 'raw-loader! html-minifier-loader'를 해결할 수 없습니다. 다른 제안 사항이 있습니까? 제발 고마워! – alphapilgrim

+0

'!'구문은 [더 이상 지원되지 않습니다] (https://webpack.js.org/configuration/module/#rule-use)라고 생각합니다. 'use : [ 'raw-loader', 'html-minifier-loader']'대신에 시도해보십시오. 또한'raw-loader' 만 먼저 사용하려고합니다. –

+0

붐! 그거였다. 정규 표현식 및 배열 구문이 그랬다. 도와 주셔서 감사합니다! – alphapilgrim