ts重点学习140-rollup打包ts文件笔记
  TEZNKK3IfmPf 2023年11月12日 31 0
ts
使用rollup打包TS文件
安装依赖:
全局安装rollup npm install rollup-g
安装TypeScript npm install typescript -D
安装TypeScript 转换器 npm install rollup-plugin-typescript2 -D
安装代码压缩插件 npm install rollup-plugin-terser -D
安装rollupweb服务 npm install rollup-plugin-serve -D
安装热更新 npm install rollup-plugin-livereload -D
安装配置环境变量用来区分本地和生产 npm install cross-env -D
步骤:

1.安装依赖

2.npm init -y 创建配置package.json文件

3.创建 src public rollup.config.js文件

4.配置 rollup.config.js

package.json文件:

{
"name": "rollupTs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "cross-env NODE_ENV=production rollup -c",
"dev": "cross-env NODE_ENV=development rollup -c"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"cross-env": "^7.0.3",
"rollup-plugin-livereload": "^2.0.5",
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-replace": "^2.2.0",
"rollup-plugin-serve": "^1.1.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-typescript2": "^0.31.1",
"typescript": "^4.5.5"
}
}
rollup.config.js文件

import path from "path"
import livereload from "rollup-plugin-livereload"
import serve from "rollup-plugin-serve"
import { terser } from "rollup-plugin-terser"
import ts from "rollup-plugin-typescript2"

export default {
input: "./src/index.ts",

output: {
file: path.resolve(__dirname, "./dist/index.js"),
sourcemap: true,
format: "umd",
},

plugins: [
ts(),
livereload(),
terser(),
serve({
open: true,
port: 8080,
openPage: "/public/index.html"
}),

]
}

console.log(process.env);
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月12日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月14日   50   0   0 ts
  TEZNKK3IfmPf   2023年11月14日   31   0   0 声明ts
  TEZNKK3IfmPf   2023年11月14日   29   0   0 ts
  TEZNKK3IfmPf   2023年11月14日   23   0   0 ts
  TEZNKK3IfmPf   2023年11月14日   35   0   0 ts
  TEZNKK3IfmPf   2023年11月14日   66   0   0 ts
TEZNKK3IfmPf