如何使用 Parcel 或 Webpack 使用 Google clasp 管理工作流包答案

【问题标题】：How to manage package for workflow with Google clasp using Parcel or Webpack如何使用 Parcel 或 Webpack 使用 Google clasp 管理工作流包
【发布时间】：2021-11-10 04:17:18
【问题描述】：

对于 Google 应用脚本，您需要一个客户端 html 文件，该文件在 1 个文件中包含客户端脚本和样式。

webpack 或 parcel 可以这样做吗？

我看到一个 2 年前的视频，它在 parcel 版本 1 中使用 parcel-inline，但当前版本（1 或 2）似乎没有维护 inline。

Inliner here

在 webpack 上，在 webpack.config.js 中，如果我将 LimitChunkCountPlugin, maxChunks 设置为 1，我会得到 1 个文件，但它是 javascript，而不是 html。

这似乎是卡扣工作流程的关键部分，我希望有人有一个好的配置。就 webpack 与 parcel 而言，我看不出有什么区别

const path = require('path');
const webpack = require('webpack');


mode: 'development';
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
  },
};

module.exports = {
  // ...
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 1,
    }),
  ],
};

【问题讨论】：

标签： google-apps-script webpack parceljs clasp

【解决方案1】：

迄今为止最好的主意：使用包裹递送到暂存文件夹将js脚本写入：

替换html文件中的链接和脚本标签
重命名脚本和 css 文件
将它们全部移至 appsscript 文件夹
在appsscript文件夹上调用clasp push

它现在可以工作

【讨论】：