Javascript 如何在webpack中缩小(而不是其他)JS工作集文件?
接口仅接受作为Javascript 如何在webpack中缩小(而不是其他)JS工作集文件?,javascript,webpack,web-worker,css-paint-api,Javascript,Webpack,Web Worker,Css Paint Api,接口仅接受作为Worklet.addModule方法的参数。我有一个webpack外的解决方法来缩小我的CSS绘制工作集文件并将其放在我的dist文件夹中,但这会使开发中的迭代速度变慢。我想通过网页包处理这个文件,只进行缩小,没有透明,没有网页包,用一个函数包装这个类,这些都不起作用 我已经搜索了一整天,尝试了noParse,并从Babel中排除,但我仍然将缩小的类包装在一个函数中。有没有办法只通过网页来缩小尺寸 //entry point //my workaround CSS
Worklet.addModule
方法的参数。我有一个webpack外的解决方法来缩小我的CSS绘制工作集文件并将其放在我的dist文件夹中,但这会使开发中的迭代速度变慢。我想通过网页包处理这个文件,只进行缩小,没有透明,没有网页包,用一个函数包装这个类,这些都不起作用
我已经搜索了一整天,尝试了noParse
,并从Babel中排除,但我仍然将缩小的类包装在一个函数中。有没有办法只通过网页来缩小尺寸
//entry point
//my workaround
CSS.paintWorklet.addModule('./demo.min.js');// I minify and name it
//can I do the following?
import(/* webpackChunkName: "paint-worklet" */ './demo')
.then((demo) => CSS.paintWorklet.addModule(demo));
//output worklet
//my workaround
class Demo{......
...(minified)
...
......}registerPaint("demo",Demo);// defined and everything works
//webpacked and excluded from Babel
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],
{w0gx:function(t,e){class r......
...
...
.......registerPaint("demo",r)}}]);// wrapped in function and undefined
不必像通常使用webpack模块那样导入工作集,只需使用它调用addModule
。我需要将它缩小并放在dist/
中,然后我需要一种在编译时获取哈希名称的方法,使其成为addModule
的参数。动态导入似乎可以工作,因此工作集是一个单独的块,在promise解析后,您可以使用它调用addModule
,但由于工作集文件包装在函数中,浏览器会抛出一个错误,说明您使用类调用的registerPaint()
未定义