【发布时间】:2021-12-05 10:13:50
【问题描述】:
我正在尝试编译基于 monaco 编辑器的 web 组件(在 lit 元素上下文中)。尝试了很多选项后,我现在将结果归结为两个文件
rmx-monaco.abc123.jsstyle.css
我的首要任务是摆脱散列 (abc123),但我也想处理一个包含 js 和 css 的文件。提前致谢
我的配置如下:
import { resolve } from "path";
export default defineConfig({
base: "/",
build: {
rollupOptions: {
input:
// main: resolve(__dirname, "index.html"),
resolve(__dirname, "src/rmx-monaco.ts"),
output: {
// Prevent vendor.js being created
manualChunks: undefined,
// chunkFileNames: "zzz-[name].js",
// this got rid of the hash on style.css
assetFileNames: "assets/[name].[ext]",
},
},
// Prevent vendor.css being created
cssCodeSplit: false,
// prevent some warnings
chunkSizeWarningLimit: 60000,
},
});
我的js入口文件有这些行
import * as monaco from "monaco-editor/esm/vs/editor/editor.api";
import { languages } from "monaco-editor/esm/vs/editor/editor.api";
import styles from "monaco-editor/min/vs/editor/editor.main.css";
(如果有帮助,我可以添加更多)
【问题讨论】: