如何在具有单独模块的旧 php 站点中使用 Babel 或 webpack

Posted

技术标签:

【中文标题】如何在具有单独模块的旧 php 站点中使用 Babel 或 webpack【英文标题】:How to use Babel or webpack in a old php site with separate modules 【发布时间】:2018-10-03 09:58:52 【问题描述】:

我有一个旧项目,我不能使用 ES6 语法,因为我不知道如何实现 Babel 或 Webpack 将 ES6 转换为 ES5强>。

所有的 js 模块都在 main.php 文件中执行,如下所示:

<script language="javascript" type="text/javascript"  src="<?php echo $documentroot;?>
        MAIN.js?v=<?php echo $jsVersion;?>">
</script>

如何配置 Babel 以使用这个旧设置?该网站使用 jQuery。 在Babel setup page 中假设使用npm,但该项目不使用node 或npm,仅使用纯php 和jQuery。

Webpack 还需要 installation guide 中的 Node.js 作为先决条件

【问题讨论】:

【参考方案1】:

为了实际使用 Babel/Webpack,您确实需要在您的开发环境中提供 Node/npm 堆栈。

如果您在本地(或在 CI 管道中)打包和转译文件并将它们部署到服务器上,那么实际为您的项目提供服务的服务器不需要它们,就像它们是普通的旧 JS 模块一样。

【讨论】:

感谢您的回答,您知道我可以在我的情况下使用的另一个类似 babel 的工具吗? 你可以在你的情况下使用 Babel。您无需按原样发送MAIN.js,而是预先对其进行转译。

以上是关于如何在具有单独模块的旧 php 站点中使用 Babel 或 webpack的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Facebook 评论从一个站点迁移到另一个站点?

如何在blade.php中使用vue获取字段的旧值

PHP 通过 id 从跨度中获取文本/值并将其放入具有 cURL 的外部站点的变量中

Django 从使用 password_hash() 的 PHP 站点导入现有的 Ppasswords

将Asp.Net WebAPI从AngularJS App的Asp.Net MVC站点移动到一个单独的站点

多语言站点中的切换页脚