首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在parceljs中如何让它在node模块中拾取min文件

在ParcelJS中,可以通过以下步骤让它在Node模块中拾取min文件:

  1. 首先,确保已经安装了ParcelJS。可以使用以下命令进行安装:
代码语言:txt
复制
npm install -g parcel-bundler
  1. 在项目的根目录下创建一个新的文件夹,用于存放Node模块的min文件。可以使用以下命令创建文件夹:
代码语言:txt
复制
mkdir node_modules_min
  1. 在项目的根目录下创建一个名为.parcelrc的文件,并在其中添加以下配置:
代码语言:txt
复制
{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.{js,jsx}": ["parcel-transformer-minify"]
  },
  "packagers": {
    "*.js": ["parcel-packager-minify"]
  },
  "resolver": {
    "node_modules": {
      "resolve": {
        "extensions": [".js", ".jsx", ".json"],
        "mainFields": ["browser", "module", "main"]
      },
      "generate": {
        "package.json": {
          "main": "index.js"
        }
      }
    }
  }
}

这个配置文件告诉ParcelJS在打包过程中使用parcel-transformer-minify来处理.js.jsx文件,并使用parcel-packager-minify来打包.js文件。同时,配置了解析器以正确解析Node模块。

  1. 在项目的根目录下创建一个名为index.js的文件,并在其中引入需要拾取min文件的Node模块。例如:
代码语言:txt
复制
const minifiedModule = require('your-module-min');
  1. 运行ParcelJS进行打包。可以使用以下命令启动ParcelJS:
代码语言:txt
复制
parcel build index.js

ParcelJS将会根据配置文件中的设置,将Node模块的min文件拾取到node_modules_min文件夹中。

请注意,以上步骤是基于ParcelJS的默认配置进行的。如果你的项目中使用了其他自定义配置,可能需要进行相应的调整。

希望以上信息对你有所帮助!如果需要了解更多关于ParcelJS的信息,可以参考腾讯云的ParcelJS产品介绍页面:ParcelJS产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 这个机器人太牛了,陌生物体抓取识别成功率高达100%

    给杂货拆包是一件简单但乏味的工作:手伸进包里,摸索着找到一件东西,然后把它拿出来。简单瞄一眼之后,你会了解这是什么东西,它应该存放在哪里 如今,麻省理工学院和普林斯顿大学的工程师们已经开发出一种机器人系统,未来有一天,他们可能会帮你完成这项家务,并协助其他拣选和分拣工作,例如在仓库组织产品,或在宅区清除瓦砾。 该团队的“拾放”系统由一个标准的工业机器人手臂组成,研究人员配备了一个定制抓手和吸盘。他们开发了一种“未知物体”的抓取算法,使机器人能够评估一堆随机物体,并确定在杂物中抓取或吸附物品的最佳方式,而

    08

    【Parcel 2 + Vue 3】从0到1搭建一款极快,零配置的Vue3项目构建工具

    一周时间,没见了,大家有没有想我啊!哈哈!我知道肯定会有的。言归正传,我们切入正题。上一篇文章中我主要介绍了使用Vite2+Vue3+Ts如何更快的入手项目。那么,今天我将会带领大家认识一个新的Vue3项目构建工具——parcel-vue-cli。这是什么?怎么以前没有听说过。有这样的疑问其实并不奇怪,因为这个构建工具是我自己开发的。你可能会这样问:“你自己开发的?这么厉害吗”?是的,豆哥其实就这么厉害。开玩笑啦!其实没有你想得那么厉害。都是搬砖人,主要看思路。好,不扯了!本篇文章我将带大家如何从0到1开发一款极快,零配置的Vue3项目构建工具(parcel-vue-cli)。名字就这么记着吧!

    03
    领券