Feature/vite #2
Feature/vite #2
Conversation
package.json
Outdated
| "plugin" | ||
| ], | ||
| "scripts": { | ||
| "test": "cd ./test && webpack" | ||
| "test": "cd ./test && npm install && npm run dev" |
There was a problem hiding this comment.
А, ну не лишний в текущей реализации)
Но я бы убил второй package.json
|
|
||
| data.headTags = [ | ||
| ...data.headTags.slice(0, targetIndex), |
There was a problem hiding this comment.
Видно, что мы вставляли скрипт перед тегом <base> (если он уже был), вроде как это не просто так
@santoslos не помнишь случайно?)
There was a problem hiding this comment.
Ой, сразу после , перепутал работу slice
Перед base нельзя, не найдёт его в дереве же)
index.js
Outdated
| if (!data.plugin.options.base) { | ||
| logger.warn('You didn\'t specify "base" field in html-webpack-plugin'); | ||
| } | ||
| document.head.append(base) |
There was a problem hiding this comment.
Ты проверял, запросы точно после этого идут верно?
Я думаю так неправильно, т.к. у тебя <base> добавится в конец
И если по пути были ресурсы, или какой-то скрипт, то сначала оно всё выполнится
И только потом уже твой <base> поменяется
Видимо поэтому мы скрипт прямо перед <base> вставляли
| (function () { | ||
| var publicPaths = <%= JSON.stringify(publicPaths || []) %>; | ||
| var fallbackBaseHref = <%= fallbackBaseHref ? `'${fallbackBaseHref}'` : 'undefined' %>; | ||
| if (document.querySelector('base') === null) |
There was a problem hiding this comment.
Единственное, не могу понять, почему мы были уверены, что <base> есть
Видимо его htmlwebpackplugin всегда накидывал
There was a problem hiding this comment.
Получается надо самим <base> добавлять (если его нет)
Просто не через append
И в этот <base> сразу фигачить fallbackPath, как это делает htmlwebpackplugin
There was a problem hiding this comment.
Ну и <base> пихать в начало конеш (на стадии билда)
README.md
Outdated
|
|
||
| Extension for [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) to programmatically insert or update [`<base href="...">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base) tag **in runtime** depending on *window.location.pathname*. | ||
| Extension for [html-vite-plugin](https://github.com/ampedandwired/html-vite-plugin) to programmatically insert or update [`<base href="...">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base) tag **in runtime** depending on _window.location.pathname_. |
| document.querySelector('base').href = '/' | ||
| console.log('New document.baseURI:', document.baseURI); | ||
| console.log("Initial document.baseURI:", document.baseURI); | ||
| document.querySelector("base").href = "/"; |
There was a problem hiding this comment.
почему стиль у всех ковычек всех поменялся?
ещё местами потерялись ;
| @@ -0,0 +1,12 @@ | |||
| <!DOCTYPE html> | |||
There was a problem hiding this comment.
Пример то репрезентативен? Надо такой пример, чтобы я в network увидел, что у меня запрос идёт в соответствии с base
test/vite.config.js
Outdated
| @@ -0,0 +1,17 @@ | |||
| import { defineConfig } from "vite"; | |||
| import baseHrefRuntimeVitePlugin from "base-href-runtime-vite-plugin"; | |||
There was a problem hiding this comment.
Вот это я не понимаю, как этот импорт вообще работает
Должен же быть относительный из ../index.js
|
@kirusha123 посмотри тож, это переписанный плагин под vite |
index.d.ts
Outdated
|
|
||
| apply: (compiler: Compiler) => void; | ||
| } | ||
| declare interface baseHrefRuntimeVitePlugin { |
There was a problem hiding this comment.
Типы же с большой буквы всегда пишем
index.d.ts
Outdated
|
|
||
| apply: (compiler: Compiler) => void; | ||
| } | ||
| declare interface baseHrefRuntimeVitePlugin { |
There was a problem hiding this comment.
Чот я туплю видимо
Не могу понять, подсосутся ли эти типы, ты же не экспортишь ничего
Проверял, подсказывает он типы в vite.config.js?
| "devDependencies": { | ||
| "html-webpack-plugin": "5.5", | ||
| "webpack": "^5.23.0", |
There was a problem hiding this comment.
А зачем всё перенёс в test/package.json?
Я бы оставил, как было
Это же devDeps, они не будут устанавливаться у потребителей
| compiler.hooks.compilation.tap('BaseHrefRuntimeWebpackPlugin', (compilation) => { | ||
| HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync('BaseHrefRuntimeWebpackPlugin', (data, callback) => { | ||
| if (!data.plugin.options.base) { | ||
| logger.warn('You didn\'t specify "base" field in html-webpack-plugin'); |
README.md
Outdated
| @@ -151,9 +114,9 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base#browser_compatibi | |||
|
|
|||
| # References | |||
|
|
|||
| https://www.npmjs.com/package/base-href-webpack-plugin | |||
| https://www.npmjs.com/package/base-href-vite-plugin | |||
There was a problem hiding this comment.
Ну это совсем ложь) И ниже тоже
index.js
Outdated
| }, | ||
| ]; | ||
|
|
||
| if (html.includes("<base")) { |
index.js
Outdated
| @@ -13,32 +13,45 @@ function baseHrefRuntimeVitePlugin(options) { | |||
| var fallbackBaseHref = '${fallbackBaseHref}' ? '${fallbackBaseHref}' : 'undefined'; | |||
|
|
|||
| const base = document.createElement("base") | |||
| document.getElementById("myScript").after(base) | |||
There was a problem hiding this comment.
ты же вставляешь base ниже, зачем тут
index.js
Outdated
| injectTo: "head-prepend", | ||
| meta: { plugin: "base-href-runtime-webpack-plugin" }, | ||
| attrs: { | ||
| id: "myScript", |
There was a problem hiding this comment.
ну id нам не нужен, раз ты вставляем на стадии билда
index.d.ts
Outdated
| @@ -1,12 +1,8 @@ | |||
| import { Compiler, WebpackPluginInstance } from 'webpack'; | |||
| declare const BaseHrefRuntimeVitePlugin = (options: BaseVitePluginOptions) => any; | |||
index.js
Outdated
| )}] || []; | ||
| var fallbackBaseHref = '${fallbackBaseHref}' ? '${fallbackBaseHref}' : 'undefined'; | ||
|
|
||
| document.getElementsByTagName("base")[0].href = publicPaths.find( |
There was a problem hiding this comment.
Ну ты смотри, как было написано раньше то
-
проверялось, что тег есть
if (document.querySelector('base') === null) -
чё за костыльный getElementsByTagName, когда есть православный querySelector
index.js
Outdated
| var fallbackBaseHref = '${fallbackBaseHref}' ? '${fallbackBaseHref}' : 'undefined'; | ||
|
|
||
| document.getElementsByTagName("base")[0].href = publicPaths.find( | ||
| (path) => window.location.pathname.includes(path.replace(/\\/$/,"")) |
There was a problem hiding this comment.
пробельчика после запятой не хватает...
index.js
Outdated
| } | ||
|
|
||
| return { | ||
| html: html.replace(/<base [^>]*/, `<base href='${fallbackBaseHref}'`), |
There was a problem hiding this comment.
href="..." двойные кавычки же у атрибутов, у тебя одинарные почему-то
README.md
Outdated
| @@ -145,12 +145,6 @@ All modern browsers, even IE7 | |||
|
|
|||
| https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base#browser_compatibility | |||
|
|
|||
| # References | |||
No description provided.