Я пытаюсь создать базовый стартовый проект Tailwind, и когда я пытаюсь запустить команду npm run build или npm run watch, это занимает около 30-60 секунд, чтобы внести изменения. Вот моя настройка:
package.json:
{
"name": "base",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "postcss css/style.css -o public/build/style.css",
"watch:css": "onchange 'css/*.css' -- npm run build"
},
"author": "",
"license": "ISC",
"dependencies": {
"autoprefixer": "^10.0.3",
"postcss": "^8.1.10",
"postcss-cli": "^8.3.0",
"tailwindcss": "^2.0.1",
"watch": "^1.0.2"
},
"devDependencies": {
"@fullhuman/postcss-purgecss": "^3.0.0",
"cssnano": "^4.1.10",
"onchange": "^7.1.0"
}
}
postcss.config.css:
const purgecss = require('@fullhuman/postcss-purgecss')
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
require('cssnano')({
preset: 'default',
}),
// purgecss({
// content: ['./**/*.html'],
// defaultExtractor: content => content.match(/[\w-/:]+(?
каталоги:
--public
build
main.css
index.html
--src
css
tailwind.css
--package.json
--postcss.config.js
--tailwind.config.js
Подробнее здесь: https://stackoverflow.com/questions/650 ... emely-slow
Npm запускает сборку и наблюдает очень медленно ⇐ CSS
Разбираемся в CSS
-
Anonymous
1737457410
Anonymous
Я пытаюсь создать базовый стартовый проект Tailwind, и когда я пытаюсь запустить команду [b]npm run build[/b] или [b]npm run watch[/b], это занимает около 30-60 секунд, чтобы внести изменения. Вот моя настройка:
package.json:
{
"name": "base",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "postcss css/style.css -o public/build/style.css",
"watch:css": "onchange 'css/*.css' -- npm run build"
},
"author": "",
"license": "ISC",
"dependencies": {
"autoprefixer": "^10.0.3",
"postcss": "^8.1.10",
"postcss-cli": "^8.3.0",
"tailwindcss": "^2.0.1",
"watch": "^1.0.2"
},
"devDependencies": {
"@fullhuman/postcss-purgecss": "^3.0.0",
"cssnano": "^4.1.10",
"onchange": "^7.1.0"
}
}
postcss.config.css:
const purgecss = require('@fullhuman/postcss-purgecss')
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
require('cssnano')({
preset: 'default',
}),
// purgecss({
// content: ['./**/*.html'],
// defaultExtractor: content => content.match(/[\w-/:]+(?
каталоги:
--public
build
main.css
index.html
--src
css
tailwind.css
--package.json
--postcss.config.js
--tailwind.config.js
Подробнее здесь: [url]https://stackoverflow.com/questions/65046453/npm-run-build-and-watch-extremely-slow[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия