2017-02-01 6 views
0

Вот мой stats file для анализа. Я использую последнюю версию prestashop (1.7), я хочу использовать встроенный скрипт webpack, размещенный на _dev, проблема - очень медленные задачи компиляции и просмотра.Prestashop 1.7 webpack очень медленно

Я бегу WebPack по:

npm run watch 

Результат:

Version: webpack 1.14.0 
Time: 12092ms 

Как я могу улучшить производительность?

+0

Выполняется ли компиляция 12 секунд только в первый раз или каждый раз, когда вы меняете файл? –

+0

Я видел, что многие разработчики жаловались на это, компиляция занимает от 10 до 30 секунд. Вы не должны использовать 'watch', а только' build' каждый раз, когда это необходимо. –

+0

Да, каждый раз это занимает + -10s @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'] 
    } 
};