webpack 內置 0 字節

Question

我只是在學習如何使用 webpack。 這是我的情況。 所以，在我的 Django 項目中，我有一個 static 文件夾。 Django 必須知道 static 文件，所以我在那里制作了一個 index.js 文件。 該文件如下所示：

// index.js
import { pickRandomColor } './dashboard.js'
document.body.style.backgroundColor = pickRandomColor();

static 文件夾中的 dashboard.js 包含我的儀表板的所有 js 代碼。 我只是想引入一些代碼並使用 webpack 構建它進行測試。 我的 package.json 位於 django 項目的根目錄中：

- root
-- static
---  dashboard.js
- package.json

我的 package.json 具有以下內容：

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build_dashboard": "webpack static/js/index.js main.js"
 },
...
"devDependencies": {
"eslint": "^6.8.0",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12"
},

現在，當我跑步時

npm run build_dashboard

我得到：

Hash: 01134d33832ec1eee2c0
Version: webpack 4.44.1
Time: 482ms
Built at: 08/11/2020 4:58:19 PM
  Asset       Size  Chunks             Chunk Names
main.js  983 bytes       0  [emitted]  main
Entrypoint main = main.js
[0] multi ./static/js/index.js ./main.js 40 bytes {0} [built]
[1] ./static/js/index.js 0 bytes {0} [built]
[2] ./main.js 0 bytes {0} [built]

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

為什么 npm 不能構建它，為什么它構建 0 字節？ 我怎樣才能解決這個問題？

Answer 1

您遇到了Unexpected token錯誤。 嘗試替換：

import { pickRandomColor } './dashboard.js'

經過：

import { pickRandomColor } from './dashboard.js'