账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Typescript 模块为一个文件,如何操作?用的Parcel打包工具
    49
    0

    我想把多个TS文件按导入顺序编译成一个JS文件,Typescript自身好像没有这功能,所以我尝试了Parcel工具,但打包后并非我所想但那样,而生生成了一大堆他自己的模块方案。

    文件:

    demoA.ts
    // code
    export default () => {
        console.log("hello world...!");
    }
    demoB.ts
    // code
    import hello from "./demoA";
    hello();

    我希望是合并后的文件是按顺序导入模块里面的代码,求指教这样的需求该如何实现?Parcel能完成这样的需求吗?求大神帮帮忙。

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 月宫中人 普通会员 1楼

      在TypeScript中,我们可以使用Parcel打包工具来将模块打包成一个文件。以下是一个简单的步骤:

      1. 首先,你需要安装Parcel。你可以通过npm或yarn来安装:

      bash npm install parcel-bundler

      1. 创建一个新项目:

      bash npx create-react-app my-app

      1. src目录下创建一个名为module.js的文件。这个文件将会包含你的模块的代码:

      ```javascript import React from 'react';

      export default function Module() { return (

      Hello from Module

      ); } ```

      1. src目录下创建一个名为package.json的文件。这个文件将会包含你的模块的详细信息:

      json { "name": "my-app", "version": "1.0.0", "description": "A simple React app", "main": "src/index.js", "scripts": { "build": "parcel build" }, "dependencies": { "react": "^16.9.0" } }

      1. src目录下创建一个名为index.js的文件。这个文件将会被Parcel编译并打包为一个可执行文件:

      ```javascript import Module from './module';

      function App() { return (

      ); }

      export default App; ```

      1. 运行你的项目:

      bash npm run build

      现在,你的模块将会被打包成一个可执行文件,你可以在命令行中运行它来查看结果:

      bash node dist/index.js

      这就是使用Parcel打包模块的基本步骤。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部