uni-app cli vue2 webpack

注意

这是 uni-app cli 创建的项目的注册方式，如果你使用 HbuilderX，应该查看 uni-app HbuilderX 使用方式

externalClasses 提醒

uni-app 自定义组件如果声明了 externalClasses，请在插件配置的 customAttributes 中列出这些属性。否则像 my-class="bg-[#fafa00] text-[40px]" 这样的写法会被微信开发者工具拆成无效片段，导致样式失效。

详细说明与更多示例请查阅 👉 《组件外部样式类（externalClasses）的支持》。

提示

截止到 (2023/09/08)，目前所有的 uni-app vue2 cli 项目的 webpack 版本，已经切换到了 webpack@5，@vue/cli@5，postcss@8 了

另外如果你有旧有的 uni-app webpack4 项目需要迁移到 webpack5，可以看这篇 旧有uni-app项目升级webpack5指南

vue.config.js

const { UnifiedWebpackPluginV5 } = require('weapp-tailwindcss/webpack')
/**
 * @type {import('@vue/cli-service').ProjectOptions}
 */
const config = {
  // some option...
  configureWebpack: (config) => {
    config.plugins.push(
      new UnifiedWebpackPluginV5({
        rem2rpx: true,
      })
    )
  }
  // other option...
}

module.exports = config

这样所有的配置便完成了！赶紧启动你的项目试试吧！