• ? 转换(Transforms)
    • 第三方模块
    • 帮助我们改善文档

    ? 转换(Transforms)

    许多打包工具需要你安装和配置插件来转换资源，Parcel 支持许多开箱即用的转换器和内置的编译器。您可以使用 Babel 转换 JavaScript ，使用 PostCSS 转换 CSS ，使用 PostHTML 转换 HTML。Parcel 在模块中找到配置文件 (例如 .babelrc ，.postcssrc) 时会自动运行并进行转换。（除了在.babelrc指定的换外，Parcel 总会在所有模块上使用 Babel 编译成浏览器支持的现代 JavaScript。请参阅JavaScript/Default Babel Transforms 查看更多信息。)

    第三方模块

    配置文件（例如 .babelrc）默认情况下不会应用于第三方node_modules中的文件。但是，如果这个模块目录是软链接的（这在一些 monorepo 约定中很常见）并且这个模块的package.json有source字段，那么将遵守当前模块目录下的配置文件。下列是source字段支持的类型值：

    • 将所有文件视为源码，不做解析
    1. {
    2.   "main": "foo.js",
    3.   "source": true
    4. }
    • 当使用源码编译时，使用 bar.js 作为入口
    1. {
    2.   "main": "foo.js",
    3.   "source": "bar.js"
    4. }
    • 当使用源码编译时，指定文件别名
    1. {
    2.   "main": "foo.js",
    3.   "source": {
    4.     "./foo.js": "./bar.js",
    5.     "./baz.js": "./yay.js"
    6.   }
    7. }
    • 当使用源码编译时，使用 glob 模式指定别名
    1. {
    2.   "main": "foo.js",
    3.   "source": {
    4.     "./lib/**": "./src/$1"
    5.   }
    6. }

    最后一个例子是以 src 替换你的 lib 入口目录，所以 import 'my-module/lib/test.js' 将会解析为 'my-module/src/test.js'。

    针对那些根目录有许多文件要替换的包，比如 lodash，则你可以使用"**":"./src/$1"这种模式匹配所有（例如把 lodash/cloneDeep 替换成 lodash/src/cloneDeep）

    帮助我们改善文档

    如果有遗漏或者不清楚的地方，请在本站的仓库 提交issue 或者 编辑此页面.