AngularClass/angular2-webpack-starter ：从 webpack 配置中排除模拟文件以进行 PROD 构建答案

【问题标题】：AngularClass/angular2-webpack-starter : exclude mock files from webpack config for PROD buildsAngularClass/angular2-webpack-starter ：从 webpack 配置中排除模拟文件以进行 PROD 构建
【发布时间】：2017-01-12 12:01:14
【问题描述】：

我正在使用AngularClass/angular2-webpack-starter，我一直在为webpack 配置苦苦挣扎，尽管我想要实现的目标似乎很简单。

基本上，我有一些 mock 文件位于 src\assets\mock\data 中，我想保留在 dev 构建中，但我想从产品构建。这些 mock 文件应根据其名称上的正则表达式从 prod 构建中排除（我尝试了几种风格，例如exclude: [/^mock\.data\..*\.json$/]，或按文件夹，或在至少将它们全部列出来。

使用webpack.dev.js 的dev 构建很好，但我一直在修改webpack.prod.js 文件，直到现在都无济于事。

有人能指出我正确的方向吗？谢谢。

【问题讨论】：

这些模拟文件的扩展名是什么？
.json。有关系吗？

标签： javascript angular webpack

【解决方案1】：

上下文：angular2-webpack-starter

在构建任务期间重新复制资产文件夹由 webpack 插件又名CopyWebpackPlugin 处理。默认情况下，它只在 webpack.common.js 中设置。为了实现您的目标，您应该在两个环境中执行相同的任务。这样您就可以排除不需要的文件。

webpack.common.js

new CopyWebpackPlugin([
  { from: 'src/meta'}
])

webpack.dev.js

new CopyWebpackPlugin([
  { from: 'src/assets', to: 'assets' }
])

webpack.prod.js

new CopyWebpackPlugin([
  { from: 'src/assets', to: 'assets', ignore: ['mock/data/*'] }
])

【讨论】：