Share Loader
The share loader allows you to share modules between webpack builds via a global namespace
Install
npm i share-loader --save-dev
Or
yarn add share-loader --save-dev
Usage
webpack config of exposing app
module: {
rules: [{
test: /\.js?$/,
use: [{
loader: 'share-loader',
options: {
modules: [/@angular/, /@uirouter\/angular/],
exclude: [/@angular\/material/],
namespace: 'some-name-space'
}
}]
}]
}
webpack config of consumer apps
const {Externals} = require('./share-loader');
externals: [
Externals({
namespace: 'some-name-space',
modules: [/@angular/, /@uirouter\/angular/]
})
],
output: {
library: 'some-name-space',
libraryTarget: 'umd'
}
Example
1. In the root folder, run npm bootstrap
2. Run npm run build:prod in the ext-app-1 root
3. Host the ext1.js file from ext-app-1 project in some localhost server
4. Change the <%path-to-server-host%> in the shell project app.state.ts
5. Run npm run serve:dev in the shell project root
Example-cli
1. In the root folder, run npm bootstrap
2. In "shell app" folder run npm run start:prod
3. In the "ext-app1" folder run npm run start:ext:prod
4. For AOT run npm serve --prod in "shell-app" and npm run serve:ext:prod in "ext-app1"
5. You can also run ext-app1 in standalone mode with ng serve
-
本文翻译自：babel-loader jsx SyntaxError: Unexpected token [duplicate] This question already has an answer here: 这个问题已经在这里有了答案： Babel file is copied without being transformed 9 answers 通天塔文件被复制而不进行转换 9答案 I'
-
使用happypack和thread-loader加速构建 标签： webpack 为什么需要happypack和thread loader webpack需要处理的文件是非常多的，构建过程是一个涉及大量文件读写的过程。项目复杂起来了，文件数量变多之后，webpack构建就会特别满，而且运行在nodeJS上的webpack是单线程模型的，也就是说Webpack一个时刻只能处理一个任务，不能同时处
-
用于Vue加载程序的TypeScript加载程序 (TypeScript loader for Vue-loader) Type-check your script in your Vue-loader. Easier importing .ts file in vue's SFC. 在Vue-loader中对脚本进行类型检查。 在vue的SFC中更轻松地导入.ts文件。 安装 (Installa
-
public void shareToQQ() { String fileName = ""; String imagePath = ""; imagePath = mImageLoader.getDiscCache().get(shareImageUrl).getPath(); // 获取图片的文件名与后缀 if (imagePath != null && imagePath.length()
-
本人接触pe文件格式不久，参考网上的一些资料写了一个pe loader，主要是通过把需要加载的文件的所所有section加载到相应的RVA上，然后进行重定位处理、导入表和导出表处理、资源段处理。由于本loader.exe会被加载到0x0f400000处，因此可以把0x400000给被加载的文件预留了，这样可以避免重定位所带来的性能损耗。导入表的处理主要是通过调用GetProcAddress获
-
SQL*Loader Messages This chapter lists messages you might see when using SQL*Loader. SQL*Loader messages take the form: SQL*Loader-code number: message text Along with its own messages, SQL*Loader som
-
今天会以一个例子来结束Loader的学习，请看下面的Loader demo。 示例 以下是一个 Fragment 完整实现示例。它展示了一个 ListView，其中包含针对联系人内容提供程序的查询结果。它使用 CursorLoader 管理提供程序的查询。 应用如需访问用户联系人（正如此示例中所示），其清单文件必须包括权限 READ_CONTACTS。 public static class Cu
-
今天继续讲Loader，讲如何启动Loader，重启Loader。 在应用中使用加载器 此部分描述如何在 Android 应用中使用加载器。使用加载器的应用通常包括： Activity 或 Fragment。 LoaderManager 的实例。 一个 CursorLoader，用于加载由 ContentProvider 支持的数据。您也可以实现自己的 Loader 或 AsyncTaskLoad
-
Share模块管理客户端的社交分享功能，提供调用终端社交软件的分享能力。通过plus.share可获取社交分享管理对象。 分享接口支持开发者获取设备上安装的社交App环境，调用社交App进行分享操作。若当前设备安装了对应的社交App，则调用此App的分享操作界面，否则调用WAP页面进行分享。 方法： getServices: 获取分享服务 sendWithSystem: 使用系统分享 对象： Au
-
share 函数签名: share(): Observable 在多个订阅者间共享源 observable 。 share 就像是使用了 Subject 和 refCount 的 multicast！ 示例 示例 1: 多个订阅者共享源 observable ( StackBlitz | jsBin | jsFiddle ) // RxJS v6+ import { timer } from 'r
-
ember-share Share your local Ember apps with the world using ngrok. No additional software installation is required once the Ember CLI addon is installed. Installation ember install ember-share How to
-
iOS信息分享接口，目前支持邮件分享和短信分享。接口十分简单，容易上手，容易扩展，并且多线程安全。 Demo由于需要利用邮件或者短信分享，所以只能在真机中测试。 [Code4App.com]
-
Share Button 是一个简单轻量级、灵活而且好看的 jQuery 的分享按钮插件。 使用方法： new Share(".share-button-top", { title: "Share Button", networks: { facebook: { app_id: "602752456409826", before: function() {
-
这是一个 iOS 上的分享工具，可轻松在项目中嵌入使用。每个分享的选项可独立调用。在 iOS 5 上使用 ActionSheet 显示，而 iOS 6 上使用全新的 Activity 视图控制器来显示。 iOS 6+: iOS 5: