Nuxt 2构建时如何排除指定assets资源与非页面类Vue组件不打入dist包

1. 优先使用 webpack IgnorePlugin 直接忽略非目标平台文件 #

这是最彻底的方案，直接让webpack在编译阶段完全跳过非目标平台的资源和组件，不会触发loader解析，也不会产生警告，更不会打入产物。
首先在执行构建时传入平台环境变量，比如：

PLATFORM=platform1 nuxt build

然后在nuxt.config.js中引入插件并配置：

const currentPlatform = process.env.PLATFORM || 'platform1'
const { IgnorePlugin } = require('webpack')

module.exports = {
  // 其他原有配置...
  build: {
    extend(config) {
      config.plugins.push(
        new IgnorePlugin({
          // 正则匹配所有非当前平台的assets、特定组件、布局文件
          resourceRegExp: new RegExp(`^assets/(?!${currentPlatform})|^components/(?!(shared|${currentPlatform}Specific))|^layouts/(?!${currentPlatform})`)
        })
      )
    }
  }
}

2. 配置路径别名优化动态导入，避免全量打包 #

你之前的动态组件注册用了运行时变量拼接路径，webpack静态分析时无法确定具体导入的文件，会把对应目录下所有文件都打入包中。可以通过配置路径别名彻底避免这个问题：
在nuxt.config.js中添加别名配置：

module.exports = {
  alias: {
    '@platform-assets': `@/assets/${currentPlatform}`,
    '@platform-components': `@/components`,
    '@platform-layouts': `@/layouts/${currentPlatform}`
  }
}

代码中所有平台相关的资源、组件引用都用别名替换：

// 动态注册组件直接从别名路径导入，webpack只会处理当前平台对应的文件
Vue.component('NewsCard', () => import(`@platform-components/pages/news/${config.news.cardComponent.name}`))

引用资源时也用别名：

/* 只会引入当前平台的字体文件，不会扫描其他平台 */
@font-face {
  font-family: 'CustomFont';
  src: url('~@platform-assets/fonts/custom.woff2') format('woff2');
}

3. 补充.nuxtignore规则强化过滤 #

在项目根目录新建.nuxtignore文件，添加非目标平台的过滤规则，Nuxt预编译阶段就会跳过这些文件，进一步降低编译开销：

# 替换为你不需要的平台标识
assets/platform2/**
components/*platform2*
layouts/platform2/**
pages/*platform2*

效果验证 #

完成以上配置后：

• 非目标平台的assets资源、特定组件不会进入编译流程，不会出现在dist目录中，包体积会明显下降
• 未使用的平台组件不会被vue-loader、sass-loader解析，不会再抛出sass变量缺失的报错
• 不会再出现「文件没有适配的webpack loader」类警告

内容的提问来源于stack exchange，提问作者Qvatra