将Webpack集成到php网页项目中

如何解决将Webpack集成到php网页项目中

我目前正在使用Amazon Web Services中的一些服务来开发由html，js，PHP构建的Web项目，例如AWS CodeCommit，AWS Codepipeline，AWS Elasticbeanstalk，AWS Lambda，AWS dynamodb ...

我正在构建开发人员，产品架构，弄清楚要遵循的内容实在是一团糟。我已经读到一个好的解决方案是将webpack与dotenv一起使用，但是要找到一种解决方案变得越来越困难。（我也阅读过有关AWS Codebuild的信息，但我不知道如何从.yaml文件开始）

所以我所有的html项目文件都是PHP扩展名（index.PHP，contact.PHP...。），我已经在项目上安装了nodejs和webpack，甚至还得到了构建，但是有了索引。 PHP在scripts.js中找不到函数（我已经读过我需要对所有函数进行module.exports吗？）。项目结构如下：

-publichtml
   +build
      config.base.js
      config.dev.js
      config.prod.js
   + src
      js
       [bunch of script]
   +dist
      scripts.js
   +index.PHP
   +package.json
    ...

我的依赖

"css-loader": "^4.3.0","file-loader": "^6.1.0","style-loader": "^1.2.1","webpack": "^4.44.2","webpack-cli": "^3.3.12","webpack-merge": "^5.1.4"

config.base.js

const path = require('path')
const { SRC,disT,ASSETS } = require('./paths')

module.exports = {
  entry: {
    scripts: path.resolve(SRC,'js','index.js')
  },output: {
    path: disT,filename: '[name].js',publicPath: '/'
  },module: {
     rules: [
       {
         test: /\.css$/,use: [
           'style-loader','css-loader',],},{
         test: /\.(png|svg|jpg|gif)$/,use: [
           'file-loader',}

如果需要，我可以上传我的整个package.json，但这只是为了介绍以下问题的项目：是否可以轻松集成，使网页保持原状（PHP），但捆绑了所有的js，css和媒体来更好地管理开发和生产URL？

PD：我仍在使用XAMPP的本地环境中尝试