Question

我正在开发一个数据驱动的PHP项目，它有很多javascript（大约15个不同的.js文件）依赖项。我的目标是将所有这些javascript文件缩小并连接成一个bundle.js文件 - 尽可能简单地更新特定的javascript依赖项。

注意，我的所有javascript文件都包含在assets / js中，我试图在项目root /或dist / bundle.js中输出一个bundle.js文件

我一直在研究使用webpack，这似乎需要一个我没有的.js入口点。

在这种情况下设置webpack的最佳方法是什么？

提前致谢

这就是我的package.json现在的样子：

{
  "name": "my-theme",
  "version": "1.0.0",
  "description": "",
  "main": "script.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack assets/js/ dist/bundle.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^3.8.1"
  }
}

Answer 1

您需要创建一个入口点文件。例如index.js。在index.js内，您可以导入其他文件。

import 'a.js'
import 'b.js'
import 'c.js'

使用带有非js入口点的webpack

1 个答案: