Сборка Webpack на готовый проект, какие команды вводить?

Question

[Дмитрий Жаров]

Добрый день! Т.к совсем не знаю webpack и Node, прошу вашей помощи в подготовки окружения для готового проекта.
Есть шаблон для (prestashop), хочу стили некоторых элементов. В структуре есть конфиг вебпака(Webpack.config.js) Я так понял на нем и был скомпилирован css файл.
Подскажите пожалуйста последовательность команд для консолей(работаю в webstorm)
Ниже сам конфиг
Заранее спасибо

/**
 * 2007-2016 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [e-mail] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <[e-mail]>
 * @copyright 2007-2016 PrestaShop SA
 * @license   http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */
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']
  }
};

Answer 1

[Никита Гущин]

Ставите зависимости и запускаете что-то вроде:

webpack --config ./webpack.config.js --progress --colors --display-error-details

Конфиг указываете свой

Comments

[Дмитрий Жаров]

Спасибо за ответ. А нельзя как то в данный конфиг вклиниться?

[Дмитрий Жаров]

Error: Cannot find module 'C:\Users\User\Downloads\tsk-site-archive-1.7\tsklight.ru\themes\theme_wenro16\webpack.config.js'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at requireConfig (C:\Users\User\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:96:18)
at C:\Users\User\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:109:17
at Array.forEach (native)
at module.exports (C:\Users\User\AppData\Roaming\npm\node_modules\webpack\bin\convert-argv.js:107:15)
at Object. (C:\Users\User\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:155:40)
at Module._compile (module.js:570:32)

[Никита Гущин]

Дмитрий Жаров: где-то модуль потерялся. Вклинится? пожалуйста. Это же ваш конфиг

[Дмитрий Жаров]

Не) Это ошибка из существующего конфига) Свой не умею писать)

[Никита Гущин]

Дмитрий Жаров: а что он не может найти? зависимости поставили?

Свой не умею писать)

Раз вы его запускаете - значит уже ваш ;)

[Дмитрий Жаров]

Никита Гущин: Ну да)Вы правы)
Правда разобрался со сборкой, ошибок вроде нет. Только вот scss не компилируются