ТС
Size: a a a
2016 November 12
ТС
да… на гулпе походу проще такое решается
ТУ
да, проще)
ТУ
слишком много хотите от вебпака, не?)
ТС
ну в галпе я пока не могу понять, как рекурсивно подгружать зависимости
ТС
например в *.ts надо заинлайнить шаблоны, а в шаблонах ссылки на рисунки
ТС
и эти рисунки надо пропустить заранее через gulp-resources
ТС
в вебпаке это уже проще
ТС
подскажи как в гулпе это сделать?
ТС
там проблема в том, что шаблоны в результате gulp-resources могут поменяться, и уже их нужно будет вставлять в *.ts
ТС
вместо изначальных шаблонов
СС
Сел, проверил конфиг:
src/index.html:
const path = require('path')
const projectRoot = path.resolve(__dirname, '../')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: {
app: './src/index.html'
},
output: {
path: path.resolve(__dirname, '../dist')
},
resolve: {
alias: {
'assets': path.resolve(__dirname, '../src/assets')
}
},
module: {
loaders: [
{
test: /\.html$/,
loader: ExtractTextPlugin.extract('html?attrs[]=img:src&attrs[]=link:href')
},
{
test: /\.json$/,
loader: 'file',
query: {
name: 'misc/[name].[hash:7].[ext]'
}
},
{
test: /\.(png|jpe?g|gif)(\?.*)?$/,
loader: 'url',
query: {
limit: 10000,
name: 'img/[name].[hash:7].[ext]'
}
}
]
},
plugins: [
new ExtractTextPlugin('index.html'),
]
}src/index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="manifest" href="assets/test.json">
</head>
<body>
<img src="assets/test.png" alt="">
</body>
</html>
СС
Все работает как надо, на выходе:
СС
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="manifest" href="misc/test.94232c5.json">
</head>
<body>
<img src="data:image/png;base64," alt="">
</body>
</html>
2016 November 13
ТС
@SmS_SysteM data:image/png;base64???
ТС
Вобщем посмтрел вчера на галпе нифига не получилось
ТС
Хотя тот плагин должен был решить
СС
@SmS_SysteM data:image/png;base64???
test.png по быстрому создал - пустышку (0байт)
