2017-02-01 10 views
0

ここに私のstats fileがあります。 私はprestashop(1.7)の最新バージョンを使用しています。_devに配置されたwebpackスクリプトでビルドを使用したいのですが、問題は非常に遅くコンパイルと監視の作業です。Prestashop 1.7 webpack非常に遅い

私はでWebPACKの実行:

npm run watch 

結果:私は、パフォーマンスを向上させることができますどのように

Version: webpack 1.14.0 
Time: 12092ms 

+0

初めてコンパイルするときは12秒か、ファイルを変更するたびに12秒かかりますか? –

+0

私は多くの開発者がこれに不平を言うのを見ました。コンパイルには10〜30秒かかります。 'watch'を使うべきではなく、' build'だけを使う必要があります。 –

+0

はい、これは+ 10秒かかる@StefanDragnev – user3501587

答えて

0
I found same problem my webpack.config file is 

var webpack = require('webpack'); 
var path = require('path'); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 

var plugins = []; 

var production = false; 

if (production) { 
    plugins.push(
    new webpack.optimize.UglifyJsPlugin({ 
     compress: { 
     warnings: false 
     } 
    }) 
); 
} 

plugins.push(
    new ExtractTextPlugin(
    path.join(
     '..', 'css', 'theme.css' 
    ) 
) 
); 

module.exports = { 
    entry: [ 
    './js/theme.js' 
    ], 
    output: { 
    path: '../assets/js', 
    filename: 'theme.js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loaders: ['babel-loader'] 
    }, { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract(
     "style", 
     "css?sourceMap!postcss!sass?sourceMap" 
    ) 
    }, { 
     test: /.(png|woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, 
     loader: 'file-loader?name=../css/[hash].[ext]' 
    }, { 
     test: /\.css$/, 
     loader: "style-loader!css-loader!postcss-loader" 
    }] 
    }, 
    postcss: function() { 
    return [require('postcss-flexibility')]; 
    }, 
    externals: { 
    prestashop: 'prestashop' 
    }, 
    devtool: 'source-map', 
    plugins: plugins, 
    resolve: { 
    extensions: ['', '.js', '.scss'] 
    } 
};