如何将所有资产合并到单个文件组件中但不包装到webpack模块中的方式构建JS应用

问题描述 投票:0回答:1

是否有可能构建基于AngularJS / Angular / VueJS / * JS的应用程序,并将所有资产(字体,图像,样式,模板)合并到单个文件组件/应用程序中,但不包装到任何webpack模块中(如webpackJsonp )并且不依赖* .map.js文件?

并且说“没有包装到webpackJsonp模块中”,我的意思是,最终输出文件应该只是在IIFE(立即调用的函数表达式)内部转译/编译的纯ES5代码。

该代码不应包装在webpack方法中,而应为标准,最小化,丑化的ES5 * .min.js。就像过去的jQuery一样,(function(t) {this._init(t)})()

当然,内部也应该打包模板(html)和样式(通常都是字符串),还应该打包图像和字体(后两个通常是base64代码),但是webpackJsonp或其中的任何方法都没有包装。

我在当前工作中询问:我正在VueJS 2.6.x中编写可重用的帐户注册表单组件,我想将其导入并加载到第三方网站上。

但是它也必须在IE11上也可以使用,因此使用Web组件是没有问题的,这就是为什么我要用Babel对其进行编译。

关于卖方部分,我目前正在将卖方脚本编译为卖方。[hash] .js文件,但是知道如何在编译过程中将其与最终输出app.js合并。

是否有可能实现这一目标,如果没有,至少可以实现一些目标?

是否有可能构建基于AngularJS / Angular / VueJS / * JS的应用程序,并将所有资产(字体,图像,样式,模板)合并到单个文件组件/应用程序中,但不包装到任何webpack模块中。 。

javascript angular vue.js webpack components
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.