rollup+babel+typescript+react配置

孤街醉人 提交于 2020-03-17 09:20:39

某厂面试归来,发现自己落伍了!>>>


import babel from "rollup-plugin-babel";
import alias from "@rollup/plugin-alias";
import path from "path";
export default {
	input: './src/index.tsx',
	output: {
		file: './dist/modern.js',
		format: 'iife'
	},
	plugins: [
		alias({
			entries: []//略,根据自己情况来定
		}),
		babel({
			"babelrc": false,
			"presets": [
				"@babel/preset-react",
				[
					"@babel/preset-typescript",{
						"isTSX":true,//关键配置
						"allExtensions": true//关键配置
					}
				],
				[
					"@babel/env",
					{
						"modules": false,
						"useBuiltIns": "usage",//这里使用babel的自动生成polyfill依赖的功能
						"corejs": {
							"version": 3, // 使用core-js@3
							"proposals": true,
						},
						"loose": true
					}
				]
			],
			"include": [
				'src/**'
			],
			"extensions":["tsx","ts","js","jsx"]//超级关键配置
		})
	]
};

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!