前言
wxparcel-core 是一个基于 webpack 的小程序打包工具，可以实现小程序的小服务端开发、模块化开发、插件开发，还可以做一些小程序开发中的优化（如图片压缩、代码压缩）等。本篇文章将详细介绍如何使用 wxparcel-core 进行小程序开发。
环境准备
wxparcel-core 依赖于 Node.js 和 npm，请确保已经安装了这两个工具。同时，建议使用 yarn 代替 npm。
安装 wxparcel-core
使用以下命令安装 wxparcel-core：
npm install wxparcel-core --save-dev
也可以使用 yarn：
yarn add wxparcel-core --dev
初始化配置文件
在项目根目录下创建 wxparcel.config.js 配置文件，并设置如下内容：
module.exports = { inputs: { entry: 'src/app.js', // 入口文件 output: 'dist', // 输出目录 }, plugins: [], // 插件 };
目前我们只有入口文件和输出目录两个配置项，更多配置项请查看官方文档。
编译小程序代码
在 package.json 文件中添加以下 scripts：
"scripts": { "build": "wxparcel-core build --config wxparcel.config.js" },
使用以下命令编译小程序代码：
npm run build或者使用 yarn：
yarn build插件的使用
wxparcel-core 支持插件，可以帮助我们实现小程序优化、常用功能开发等。以下为示例插件：
-- -------------------- ---- ------- ----- ------ - ------------------------------------ ----- -------- ------- ------ - -------------------- - --------------- - --------------- - ---------------------------------------- ------------- --------- -- - ------------------------ ----------- --- - - -------------- - ---------展开代码
我们把它保存为 my-plugin.js，并在 wxparcel.config.js 文件中添加以下代码：
-- -------------------- ---- ------- ----- -------- - ----------------------- -------------- - - ------- - ------ ------------- -- ---- ------- ------- -- ---- -- -------- ---- ------------ -- -- --展开代码
这样，当我们运行编译命令后，my-plugin.js 中的代码就会被执行。
结语
wxparcel-core 是一个非常有用的小程序打包工具，可以实现很多小程序开发中常用的功能，比如小服务端开发、模块化开发、插件开发等。希望本篇文章能给大家提供一些参考和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc16fb5cbfe1ea0611dce
