2016-11-30 5 views
1

Я хочу использовать html-webpack-plugin только для моих кусков js. Bundle.css генерируется экстракт-текст-плагин:Как исключить bundle.css из index.html, сгенерированный html-webpack-plugin?

new ExtractTextPlugin({filename: 'bundle.css, allChunks: true}) 

варианты HtmlWebpackPlugin:

new HtmlWebpackPlugin({template: 'template/tpl.html', inject: true}) 

Мой tpl.html выглядит следующим образом:

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
    <title>Cash Management</title> 
 
    <link href="getResource?resource=build/bundle.css&mediaType=text/css" rel="stylesheet"> 
 
</head> 
 
<body> 
 
<div id='root' /> 
 
</body> 
 

 
</html>

Я хочу увидеть что-то подобное е это в моем index.html:

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
    <title>Cash Management</title> 
 
    <link href="getResource?moduleName=cm-ui&resource=build/bundle.css&mediaType=text/css" rel="stylesheet"> 
 
</head> 
 
<body> 
 
<div id='root' /> 
 
</body> 
 
    <script href="getResource?moduleName=cm-ui&resource=build/common.js" type="text/javascript"></script> 
 
    <script href="getResource?moduleName=cm-ui&resource=build/bundle.js" type="text/javascript"></script> 
 
</html>

Может кто-то пожалуйста, мне точку в правильном направлении?

+0

Вкратце, я увидел опечатку в вашем ключе 'allCunks: true'. => 'allChunks: true' –

+0

Спасибо, исправлено это! –

ответ

1

Вы можете использовать html-webpack-exclude-assets-plugin

С его помощью вы можете исключить активы, которые мешают им быть вставлен автоматически. Также вы можете вставить путь к шаблону с синтаксисом lodash.

<link href="getResource?resource=<%= htmlWebpackPlugin.files.css[0] %>&mediaType=text/css" rel="stylesheet"> 
+0

Похоже, хорошее решение! Спасибо! –