Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2017, 14:53
Новичок на форуме
Отправить личное сообщение для magmaister Посмотреть профиль Найти все сообщения от magmaister
 
Регистрация: 22.11.2016
Сообщений: 5

Документация к проекту собранному с помощью Webpack
Доброго времени суток! Не так давно делал тестовое задание для конторы - приложение по прогнозу погоды. Собрал проект вебпаком, записал все используемые плагины в package.json. В итоге с конторы меня побрили, добился фидбека от тех. специалиста в котором был написал следующий кусок:
Также кандидат использовал webpack, npm. Никакой документации по установке проекта не предоставил. В package.json записал зависимости только для dev версии, никаких скриптов не прописывал.
Пытался гуглить какая же документация по установке проекта должна быть и какие скрипты нужно прописывать, ничего путнего не нашел. Собственно по-этому обращаюсь к вам уважаемые знатаки! О чем идет речь? Какую документацию нужно предоставлять и какие скрипты прописывать? Буду очень благодарен за ответ, так как в дальнейшем это поможет мне не допустить такой же ошибки!

файл package.json

{
  "name": "application-name",
  "version": "0.0.1",
  "devDependencies": {
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^2.1.0",
    "file-loader": "^0.11.1",
    "less": "^2.7.2",
    "less-loader": "^4.0.3",
    "style-loader": "^0.16.1",
    "url-loader": "^0.5.8",
    "webpack": "^2.3.3"
  }
}


webpack.config.js выглядит так
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const path = require('path');
const extractLESS = new ExtractTextPlugin('[name].css');

module.exports = {

    entry: {
        index: './app/index.js'
    },
    output: {
        path: path.resolve(__dirname, './build'),
        publicPath: './build/',
        filename: '[name].js',
        library: '[name]'
    },

    watch: false,

    watchOptions: {
        aggregateTimeout: 100 
    },
    
    devtool: 'source-map',

    resolveLoader: {
        modules: ["node_modules"],
        moduleExtensions: ['-loader'],
        extensions: ["*", ".js"]
    },

    module: {
        rules: [
            {
            	test: /\.less$/i,
            	use: extractLESS.extract(['css-loader', 'less-loader'])
            },
            {
                test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
                use: [
                    {
                        loader: 'url-loader'
                    }
                ]
            }
        ]
    },
    
    plugins: [
        extractLESS
    ]
};
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с импортом класса с помощью webpack bushstas Сборка проекта, утилиты 2 12.10.2016 17:41