将index.html作为节点构建的一部分移动

Question

我正在构建我的第一个Vue.js项目。主index.html过去常常位于项目的根目录中。如果我运行npm run dev，它会将此一个用作浏览器中的默认页面。

我刚刚安装firebase cli并运行firebase init来集成Firebase。这会在index.html目录中放置一个新的dist模板。现在，当我使用firebase deploy进行部署时，它使用新的/dist/index.html，而不是项目根目录中的旧index.html。这意味着我现在有两个~/index.html个文件，每个文件用于不同的情况。

看来我有几个选择：

1. 废料dist，只需在npm run dev中使用firebase的版本

   • 这意味着我的~/dist/index.html将无效

2. 手动同步保存两份副本

   • 不是个好主意

3. 废弃~/index.html并将构建工作流程设置为：

   1. 完成目前正在做的所有事情
   2. 将~/dist/index.html复制到firebase deploy
   3. 运行package.json

最后一个选项似乎最好 - 我该怎么办？

仅供参考 - 这是"scripts": { "watchify": "watchify -vd -p browserify-hmr -e src/main.js -o dist/build.js", "serve": "http-server -o -c 1 -a localhost", "dev": "npm-run-all --parallel watchify serve", "lint": "eslint --ext .js,.vue src", "build": "cross-env NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o dist/build.css ] -e src/main.js | uglifyjs -c warnings=false -m > dist/build.js" } 的脚本部分：

function celsiusToFahrenheit (celsius) {
let fahrenheit = celsius * (9/5) + 32;
document.getElementById('fahrenheit').innerHTML = celsius + "ºC is " +         celsius + "ºF";
}
function fahrenheitToCelsius (fahrenheit) {
let celsius = (fahrenheit - 32) / (9/5);
document.getElementById('celsius').innerHTML = fahrenheit + "ºF is " +      celsius + "ºC";
}
celsiusToFahrenheit(25);
fahrenheitToCelsius(120);