2017-01-12 12 views
1

私はAngularClass/angular2-webpack-starterを使用していますが、私はwebpackの設定でしばらく苦労しています。AngularClass/angular2-webpack-starter:PRODビルドのwebpack configからモックファイルを除外する

基本的に、私は私がDEVビルドに維持したいと思いますsrc\assets\mock\dataにあり、いくつかのモックファイルを持っているが、私はPRODビルドから除外したいということ。これらのモックファイルは、私がexclude: [/^mock\.data\..*\.json$/]のような、またはフォルダによって、または非常に少なくとも、それらをすべてリストアップすることによって、何かのいくつかの味を試してみました(その名の正規表現に応じPRODビルドから除外すべきである。

webpack.dev.jsを使用してDEVビルドは結構ですが、私は今まで無駄にwebpack.prod.jsファイルをいじってきた

誰かが正しい方向に私を指すでしたありがとう

+0

これらのモックファイルの拡張子は何ですか? – cyberrspiritt

+0

'.json'。それは問題ですか? – Blablalux

答えて

1

コンテキスト:。?。angular2-webpack-starter

ビルドタスク中のassetsフォルダrecopyは、webpackプラグイン別名CopyWebpackPluginによって処理されます。デフォルトでは、webpack.common.jsに設定されています。 しようとしていることを達成するには、両方の環境で同じタスクを実行する必要があります。そうすれば、不要なファイルを除外することができます。

  1. webpack.common.js

    new CopyWebpackPlugin([ 
        { from: 'src/meta'} 
    ]) 
    
  2. webpack.dev.js

    new CopyWebpackPlugin([ 
        { from: 'src/assets', to: 'assets' } 
    ]) 
    
  3. webpack.prod.js

    new CopyWebpackPlugin([ 
        { from: 'src/assets', to: 'assets', ignore: ['mock/data/*'] } 
    ]) 
    
関連する問題