rollup-plugin-remap

Remaps module imports to the specified new path. Useful for conditionally excluding packages in different build modes.

rollup-plugin-remap

Plugin to imported modules to other file paths. Useful for conditional compilation, ie: remapping development focused modules to a noopduring a prod build.

Examples

In this example, we're remapping a logger module to a noop module during a production build of a project.

rollup.config.js

const plugins = [];

if (process.env.BUILD_MODE === 'proudction') {
  plugins.push(remap({
    originalPath: 'src/logger.js',
    targetPath: 'src/noop.js'
  }));
}
export default {
  entry: 'src/someModule.js',
  plugins
}

Would remap the following import to a file called src/noop.js.

src/someModule.js

import logger from './logger';

export default function doStuff() {
  // ...
  // do some stuff
  // ...

  logger('I did some stuff');
}

HomePage

https://github.com/Shopify/rollup-plugin-remap

Repository

https://github.com/Shopify/rollup-plugin-remap


上一篇:stripe-as-promised
下一篇:load-script-global

相关推荐

  • 错误ocurredjsplugin.3005

    Nanoselvakumar(https://stackoverflow.com/users/2217462/nano)提出了一个问题:An error has ocurredJSPlugin.300...

    2 年前
  • 详解html-webpack-plugin用法全解

    htmlwebpackplugin 可能用过的 webpack 的童鞋都用过这个 plugin ,就算没用过可能也听过。我们在学习webpack的时候,可能经常会看到这样的一段代码。

    2 年前
  • 记Rollup.js前端自动化构建

    RollupTs构建前端应用 前言 最近接手一个新的需求,纯html模版开发,对于已经习惯前端工程化开发的我来说,再回到htmlcssjs的时代,着实有点苦难,于是利用RollupTsScss来进行...

    2 个月前
  • 编写你的第一个 Babel Plugin

    现在我们用 React 和 Vue 开发项目时,package.json 文件都会有 babel 的依赖,还会依赖于一些插件。什么是 babel,怎么样写一个 babel 插件呢,看完你就明白了。

    6 个月前
  • 深入理解 Eslint (手把手教你撸一个plugin)

    前言 虽然现在已经有很多实用的 ESHint 插件了,但随着项目不断迭代发展,你可能会遇到已有 ESHint 插件不能满足现在团队开发的情况。这时候,你需要自己来创建一个 ESHint 插件。

    9 个月前
  • 深入webpack打包原理,loader和plugin的实现

    本文讨论的核心内容如下: webpack进行打包的基本原理 如何自己实现一个loader和plugin 注: 本文使用的webpack版本是v4.43.0, webpackcli版本是v3.3.1...

    2 个月前
  • 浅谈webpack之plugin,webpack-manifest-plugin源码解读

    先简单说一下这个插件的功能,生成一份资源清单的json文件,如下 clipboard.png(https://img.javascriptcn.com/ed89d383b19ac08d5bf4856...

    1 年前
  • 有人可以解释的commonschunkplugin WebPACK '

    Dimitris Karagiannis(https://stackoverflow.com/users/4651083/dimitriskaragiannis)提出了一个问题:Can someone...

    2 年前
  • 手把手教你开发一个babel-plugin

    需求 在最近的开发过程中,不同的项目、不同的页面都需要用到某种UI控件,于是很自然的将这些UI控件拆出来,单独建立了一个代码库进行维护。下面是我的组件库大致的目录结构如下: 整个组件库的出口...

    2 年前
  • 实用webpack插件之ProvidePlugin

    现代化前端的全局引入是一个很有趣的东西。 先来看下以下几个场景: 在webpack中,我们可以在resolve的alias中定义一个层级较高的目录为一个自定义变量。

    3 个月前

官方社区

扫码加入 JavaScript 社区