2017-02-01 1 views
0

여기 내 분석은 stats file입니다. 나는 prestashop (1.7)의 최신 버전을 사용합니다. _dev에 배치 된 webpack 스크립트에서 빌드를 사용하고 싶습니다. 문제는 컴파일 및 시계 작업이 매우 느립니다.Prestashop 1.7 webpack 매우 느림

I에 의해 웹팩 실행

npm run watch 

결과 : 난 성능을 향상시킬 수있는 방법에

Version: webpack 1.14.0 
Time: 12092ms 

?

+0

처음으로 컴파일 할 때만 또는 파일을 변경할 때마다 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'] 
    } 
};