Можно ли удалить файл theme.min.css из dev сборки?

есть dev сборка сайта. есть сайт на React + WebPack. есть Bootstrap и +100500 scss файлов со стилями разных компонентов.
но при этом есть и theme.min.css который стал итогом одной из сборок сайта. Но. теперь работает только он. и чтобы поменять что то в дизайне я могу менять только его чтобы был эффект. а менять его неправильно. так как бы временный. и регенерируемый. при этом я не трогаю те файлы которые собственно и надо менять. Как мне быть? могу ли я его снести?

Дополнительно:

theme.min.css -- это минифицированный файл и он создаётся не для изменений, а текущего применения на рабочем проекте (сайте). Его имя, которое используется на сайте, задаётся в вашем сборщике.

Compiled with warnings.  Warning (835:3) autoprefixer: start value has mixed support, consider using flex-start instead  Warning (24:5) autoprefixer: start value has mixed support, consider using flex-start instead  Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before.  WARNING in ./src/assets/scss/user.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[0].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[4]!./src/assets/scss/user.scss) Module Warning (from ./node_modules/postcss-loader/dist/cjs.js): Warning  (835:3) autoprefixer: start value has mixed support, consider using flex-start instead  WARNING in ./src/components/Header/Header.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[0].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[4]!./src/components/Header/Header.scss) Module Warning (from ./node_modules/postcss-loader/dist/cjs.js): Warning  (24:5) autoprefixer: start value has mixed support, consider using flex-start instead  webpack compiled with 2 warnings

Ответы:

а менять его неправильно. так как бы временный

Это не временный, а минимизированный и постоянный css файл для продакшен ветки (по крайней мере так они именуются).

Можно ли удалить файл theme.min.css из dev сборки?

Вообще, визуально, файл похож на итоговый минимизированный css файл для продакшена, НО! Зависит от контекста конкретного проекта, вполне можно случиться так, что:
- Предыдущий разраб так назвал постоянный файл для dev ветки.
- Файл участвует как часть в scss или js при сборке.

Чтобы убедиться точно, перенесите проект в тестовую директорию и запустите dev ветку без этого файла, проверьте в консоли браузера, нет ли ошибок подключения этого файла, если все ок - то все ок.

• ну временный в смысле перекомпилируемый при каждой сборке. ))) и чего бы я там не поменял превратиться в тыкву. на самом деле учитывая что этот суп просто навредил. там есть еще 1 с похожим названием.
  в каталоге public/css есть вот это:

  user.min.css user.rtl.min.css theme.min.css theme.rtl.min.css theme.min.css.map user.min.css.map

  user.min.css user.rtl.min.css theme.min.css theme.rtl.min.css theme.min.css.map user.min.css.map

  что можно прибить чтобы заработали первоисточники?

• Santos2004, обычно дев-версия работает с исходниками. но настроено может быть по-разному. Изучайте как настроена ваша сборка, или просто методом тыка удалите файлы, и посмотрите как будет работать.
• да так собственно и делаю))) просто страхуюсь. лучче спросить. там есть плагин для перекомпилирования scss -->css и дальнейшего минимизирования. хотя там 19000 строк )))
  вопрос скорее в том вот я снесу theme.min.css
  что дальше? руками что-то делать еще надо?
• Santos2004,
  
  

  что дальше? руками что-то делать еще надо?

  Любой ответ без текущего контекста - пальцем в небо. Сборка может быть настроена как угодно.

• Сергей delphinpro, где это настраивается?
• Santos2004, если используйте webpack, то в обычно в корне проекта лежит webpack.config.js
• Михаил Р., так он скорее пуст вот он:

  import { BuildEnv, BuildPaths } from './config/build/types/config'; import path from 'path'; import webpack from 'webpack'; import { buildWebpackConfig } from './config/build/buildWebpackConfig'; // eslint-disable-next-line import/no-anonymous-default-export export default (env: BuildEnv) => { const paths: BuildPaths = { entry: path.resolve(__dirname, 'src', 'index.tsx'), build: path.resolve(__dirname, 'build'), html: path.resolve(__dirname, 'public', 'index.html'), src: path.resolve(__dirname, 'src') }; const mode = env.mode || 'development'; const apiUrl = process.env.REACT_APP_SERVER_URL || process.env.REACT_APP_NEURAL_NETWORK; const isDev = mode === 'development'; const analysis = env.analysis || false; const config: webpack.Configuration = buildWebpackConfig({ mode, paths, isDev, apiUrl, project: 'frontend', isAnalysis: analysis }); return config; };

  import { BuildEnv, BuildPaths } from './config/build/types/config'; import path from 'path'; import webpack from 'webpack'; import { buildWebpackConfig } from './config/build/buildWebpackConfig'; // eslint-disable-next-line import/no-anonymous-default-export export default (env: BuildEnv) => { const paths: BuildPaths = { entry: path.resolve(__dirname, 'src', 'index.tsx'), build: path.resolve(__dirname, 'build'), html: path.resolve(__dirname, 'public', 'index.html'), src: path.resolve(__dirname, 'src') }; const mode = env.mode || 'development'; const apiUrl = process.env.REACT_APP_SERVER_URL || process.env.REACT_APP_NEURAL_NETWORK; const isDev = mode === 'development'; const analysis = env.analysis || false; const config: webpack.Configuration = buildWebpackConfig({ mode, paths, isDev, apiUrl, project: 'frontend', isAnalysis: analysis }); return config; };

• удалил theme.min.css дизайн сломался.

  как удалить зависимость от этого файла и заставить работать исходники?

• Santos2004, поищите в исходниках по имени theme.min.css, может найдете, где он подключается
• Михаил Р., первое что сделал. Webstorm. сквозной поиск. НИЧЕГО

  где еще искать ?

• Santos2004, искать куда компилируются стили
• Ankhena, а что это даст? файл то физически есть. а упомининия о нем нет
• Santos2004, в теории, он может быть использован в момент компиляции, но опять же, к нему должны обращаться по имени, соответственно при поиске это имя должно находиться
• Михаил Р., именно. но нет. мож я чего то не т о делаю. 2 раза shift и пошло в WebStorm
  как это в VS делается?
  ко всему. отсутствие его же рушит стили сайта. как то он подключается? именно подключается. а не компилируется. так как последние изменение 5 утра мои. а сайт я уже перегружал кучу раз
• Santos2004,
  
  

  именно подключается. а не компилируется

  Он может быть частью компилируемого бандла, например импортироваться где то в компилируемых исходниках.

• но. я нашел. как он подключается.
  сначала строчка в Main.tsx

  import useToggleStyle from './hooks/reduxHooks/useToggleStyle';

  import useToggleStyle from './hooks/reduxHooks/useToggleStyle';

  затем вот

  const link = document.createElement('link'); link.href = `${process.env.PUBLIC_URL}/css/theme${ isRTL ? '-rtl' : '' }.min.css`; link.type = 'text/css'; link.rel = 'stylesheet'; link.className = 'theme-stylesheet'; link.onload = () => { setIsLoaded(true); };

  const link = document.createElement('link'); link.href = `${process.env.PUBLIC_URL}/css/theme${ isRTL ? '-rtl' : '' }.min.css`; link.type = 'text/css'; link.rel = 'stylesheet'; link.className = 'theme-stylesheet'; link.onload = () => { setIsLoaded(true); };

  теперь главный вопрос. как его повторно собрать и какой командой webpack запустить?

• как мне перестроить theme.min.css не перестраивая весь сайт?
  не npm run build
• кстати. а что лучше. перекомпилировать весь каталог scss в theme.min.css или подключить этот же каталог через
  import * from '/scss';