rollupjs :使用babel和typescript，不带扩展名的绝对导入
Rollup.js是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件。它支持使用Babel和TypeScript进行转译，并且可以处理不带扩展名的绝对导入。
Rollup.js的主要特点包括：
- 模块打包：Rollup.js可以将多个模块打包成一个单独的文件，减少了网络请求和加载时间，提高了应用的性能。
- Tree Shaking：Rollup.js支持Tree Shaking，它可以通过静态分析代码，只打包使用到的模块和代码，去除未使用的代码，减小打包文件的体积。
- 支持Babel和TypeScript：Rollup.js可以与Babel和TypeScript集成，可以使用它们来转译和处理代码，使得开发者可以使用最新的JavaScript语法和特性。
- 不带扩展名的绝对导入：Rollup.js可以处理不带扩展名的绝对导入，这意味着可以直接导入模块而无需指定文件的扩展名，提高了开发效率。
Rollup.js适用于各种前端项目，特别是针对库和组件的打包。它可以帮助开发者将代码打包成适合在浏览器中运行的格式，并且可以通过配置文件进行高度定制。
腾讯云提供了云原生应用引擎（Cloud Native Application Engine，简称TKE）产品，它是一个基于Kubernetes的容器服务，可以帮助用户快速构建、部署和管理容器化应用。TKE可以与Rollup.js结合使用，将打包好的代码容器化，并通过TKE进行部署和管理。
更多关于腾讯云云原生应用引擎（TKE）的信息，请访问：腾讯云云原生应用引擎（TKE）
请注意，以上答案仅供参考，具体的技术选型和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我使用Rollup捆绑了一个库，并尝试从rollup-plugin-typescript2切换到rollup-plugin-babel来转换我的typescript代码。这在很大程度上是有效的，但我需要添加扩展，而绝对路径不起作用。使用typescript编译器，我可以这样做： import MyView from 'routes/myRoute/myView'; route在src文件夹中，我
浏览 158提问于2019-01-15得票数 0
在我的打字稿项目中，我似乎无法让总结式插件-babel工作。.ts代码编译和汇总包，生成映射文件，但babel不对其进行传输。而且，如果我运行npx babel lab.js --out-file lab-es5.js，babel似乎运行得很好。';import sourcemaps from 'rollup-
浏览 2提问于2018-11-22得票数 5
回答已采纳
5回答
我的文件结构如下：([]是文件夹) ConnectionPool.tsMySQL.ts{ ["@babel/preset-env
浏览 0提问于2020-10-21得票数 2
我想在电子项目中更新我的Babel配置到版本7。我已经添加了我需要的所有插件： "@babel/cli": "^7.0.0-beta.40", "@babel/node": "^7.0.0-beta.
浏览 0提问于2018-03-13得票数 9
3回答
所以，我正在尝试一下打字稿和Grunt，看看这对我是否值得。问题是:类型记录不编译为*.mjs文件，而是只编译常规的*.js文件。然而，在package.json中设置这个顶级字段对于同一目录中的任何*.js文件和以下任何文件都具有全局范围。这会破坏Gruntfile.js文件，因为它使用了CommonJS模块，请参见我的基本Gruntfile示例： grunt.initConfig} gru
浏览 1提问于2020-06-17得票数 1
回答已采纳
1回答
我有一个gulp任务，它运行rollup，编译typescript，并为动态导入生成模块： const rollup = require('rollup');const babel = require('rollup-plugin-babel');
const resolve =require('rollup-plug
浏览 17提问于2019-09-27得票数 0
回答已采纳
2回答
我正在尝试使用RollupJS捆绑我的RollupJS应用程序，但我遇到了一些问题：
为了解决这个问题，我编写了一个gulp任务来将我的scss文件编译成css。模块/节点_模块/rxjs&
浏览 4提问于2017-02-25得票数 0
我正在使用Jest和Babel的组合来测试我的TypeScript项目。直到最近，我还在使用没有扩展的导入(正如所建议的)。这种组合在Jest中运行良好，但是在编译时，结果文件在导入时仍然没有扩展名，因此无法执行。我更改为对导入使用.js扩展，该扩展仍然在Jest之外工作，并在编译时生成可用的输出，但现在Jest无法找到我<em
浏览 12提问于2022-01-09得票数 0
2回答
我使用inline-react-svg插件和babel，以便在NextJS中导入内联SVG。", { "style": true ]}declar
浏览 1提问于2020-07-02得票数 0
回答已采纳
我尝试将React Native配置为使用绝对路径来缓解导入的痛苦。我尝试了各种方法，但似乎没有一种对我有效。"esnext", }, "exclude": [ "node_modules", "babel.config.js", &q
浏览 0提问于2021-02-07得票数 1
1回答
如何解决对打字稿路径混叠的抱怨
、、、、
我尝试像这样导入接口import { Button } from '@/和
无法解析到模块"@/components/atoms/buttons/Button"eslintimport/extensions的路径的'@/component
浏览 4提问于2021-09-14得票数 1
我正尝试在react项目中首次使用，以便能够将.svg文件作为组件导入。在我的webpack配置中配置了SVGR，如下所示..。svg文件和上面的配置，SVGR最终生成以下内容.在SVGR 的doco中，
默认情况下
浏览 6提问于2020-07-16得票数 7
2回答
我正在使用用于babel、节点解析和commonjs插件的rollupjs。从名为import foo from "foo"的npm包导入foo很好，因为我可以使用foo。现在，我想贡献一个依赖项，并使用npm link测试它。因此，我克隆了依赖关系的存储库，在它的目录中发出了npm link，然后在我的项目的目录中发出了npm link foo，以使用
浏览 6提问于2016-08-16得票数 0
回答已采纳
我是Angular和systemjs的新手，但我会尽量具体一点。
接下来，我想用systemjs通过我的index.html引导我的应用程序。但是我的import不接受不带扩展名的init (下面是我的init，它实
浏览 1提问于2015-11-24得票数 9
1回答
嗨，我有一个问题到现在还没有找到答案/解决方案…我希望在Vue项目中包含typescript，但不是直接进入组件级别。我计划做的是，创建一些.ts文件并将它们编译成.js文件，这样我就可以引用/导入这些从.ts中提取的.js文件，并在组件中使用它们……例如..。...</style>
然后在组件的脚本标记内定义的方法中使用来自file.js的代码。我想知道<
浏览 2提问于2018-06-28得票数 2
2回答
我试图为TypeScript中的可重用组件库创建一个示例样板，使用元素和Rollup进行捆绑。但是，构建输出显示了来自Rollup的许多警告，涉及重写对“this”的引用。有人能建议修改我的构建配置来解决这个问题吗？
(!)`this` has been
浏览 3提问于2018-11-16得票数 2
回答已采纳
我对世博很陌生，对本地人的反应也是如此。在导入模块时，我在使用绝对路径时遇到了一些问题。我遇到了众所周知的babel插件模块解析器插件，但我无法正确地使用它。关于这个问题，我做了几乎所有在不同线程上找到的事情，但是我仍然不能在VS代码中使用绝对路径(使用TypeScript)。在我的博览会项目中，我也没有任何.babelrc文件，而是babel.
浏览 1提问于2018-11-30得票数 3
回答已采纳
2回答
我一直在使用TypeScript，并用TS的配置编写了一个小小的babel配置，以使用绝对路径。因此，我导入组件的方式是有一个绝对路径~/ components ，它是的别名整个应用程序的所有导入都使用从~/ components 导入的组件，其中还有其他绝对路径。所以，这是我在构建我<em
浏览 4提问于2020-10-22得票数 7
回答已采纳
2回答
我目前正在使用"hugo服务器“在本地运行我的网站，并希望继续这样做，以实时重新加载和易于运行。然而，我现在的情况是，我需要编译一些类型记录，但我找不到任何资源表明雨果能够做到这一点。有什么办法可以让我的现场下载轻松的同时，为雨果编写的打字本吗？
浏览 5提问于2020-02-20得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
