Теги

Комментарии (0)

    +
    T
    >

    Webpack > Hello world

    /* Превью

    Для копипастов и дырявой памяти

    */

    WTF

    Webpack это хреновина для автоматической сборки проектов, подтягивание необходимых библиотек, подключение файлов, удаление лишнего из кода итд.

    Hello world ниже позволяет запустить серв, который будет при изменении в проекте налету его пересобирать, компилить sass, подтягивать js, и собирать из неотёсанных dev файлов полноценный dist в продакшн

    Файловая структура

    Установка

    
        npm init
        npm i webpack webpack-cli
        npm i style-loader less-loader css-loader file-loader -D
        npm i sass-loader sass webpack --save-dev
        npm i html-webpack-plugin clean-webpack-plugin -D
        npm i webpack-dev-server -D
        npm i svg-inline-loader -D
        npm install --save-dev mini-css-extract-plugin
      

    Настройка

    Запуск

    Собрать проект

    
        npm run build
      

    Запустить серв, подхватывать изменения на лету

    
        npm run start
      

    Печенеги

    
        npm install --save @fortawesome/fontawesome-free
        npm install reset-css