Публикации по теме 'webpack-2'
У меня проблема с порядком экспортируемых частей CSS в финальном файле. Вот моя установка:
У меня проблема с порядком экспортируемых частей CSS в финальном файле. Вот моя установка:
├── css
│ ├── style.css
│ └── style.css.map
├── dist
│ ├── bundle.js
│ └── bundle.js.map
├── src
│ ├── js
│ │ ├── Caption.js
│ │ └── functions.js
│ ├── stylus
│ │ ├── partials
│ │ │ ├── colors.styl
│ │ │ ├── frontpage.styl
│ │ │ ├── header.styl
│ │ │ ├── language-switcher.styl
│ │ │ ├── mixins.styl
│ │ │ ├── single.styl
│ │ │ ├── site-title.styl
│ │ │ └── typography.styl
│ │ ├── shame.css
│ │ └──..
Использование анализатора пакетов Webpack для выявления раздуваемых пакетов
Я работаю над проектом, который состоит из одного основного приложения, общей библиотеки компонентов, общей «основной» библиотеки и (в настоящее время) 5 дополнительных приложений.
Излишне говорить, что у него тяжелый случай раздувания пакета, и я не думаю, что он один. В результате того, что мы полагаемся на webpack для объединения наших приложений в один блок (я не жалуюсь, модули ES6 - прекрасная вещь, которую, как мне кажется, может подтвердить любой опытный JS-разработчик), размер..
Что внутри файла конфигурации Webpack?
Аннотация: Webpack — это круто, и вы должны его использовать.
Вы когда-нибудь открывали файл webpack.config.js и видели…
const HtmlWebpackPlugin = require('html-webpack-plugin'); //installed via npm
const webpack = require('webpack'); //to access built-in plugins
const path = require('path');
const config = {
entry: './path/to/my/entry/file.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'my-first-webpack.bundle.js'
},
module: {
rules: [..
Многостраничный сайт с React в 2017 году
Я опубликовал обновленное руководство на 2020 год , в котором описаны улучшения и обновления экосистемы React. Начать работу сейчас намного проще , чем в 2017 году, когда было опубликовано это руководство. Направляйтесь туда , чтобы получить самую свежую информацию!
tl;dr
По-прежнему довольно сложно создать основы с помощью React с нуля; следуйте этому руководству или вместо этого клонируйте это репо !
Фон
Я уже пару месяцев хотел научиться пользоваться React . На то..
Как настроить Webpack +2.0 с нуля в 2017 году
Привет. Позвольте мне начать с того, что вы, вероятно, уже слышали о Webpack и, скорее всего, знаете, как настроить Webpack, сэр, у вас все отлично. Молодец, продолжай бороться! Для остальных из нас что-то подобное может отпугнуть нас.
В любом случае, что это за хрень за proxyTable? Почему нам нужно столько мусора только для того, чтобы скомпилировать наш материал? Не волнуйтесь, начнем с самого начала.
Это руководство предназначено для людей, которые, возможно, использовали..
Руководство по веб-пакету для начинающих - Как запустить базовое приложение с помощью веб-пакета 2
Сегодняшний мир веб-разработки процветает благодаря классным инструментам и пакетам, которые можно использовать для своих веб-приложений. Некоторыми важными частями являются объединение ваших веб-приложений, обработка минификации файлов и связанных задач для производства и, наконец, что не менее важно, перезагрузка в реальном времени (мы их любим 🤓).
В прошлом веб-разработчики использовали множество инструментов. Gulp и Grunt были бы одними из популярных инструментов, которые..