Как включить компиляцию SASS в Cookiecutter Django? - PullRequest
Новая
       52

Как включить компиляцию SASS в Cookiecutter Django?

1 голос
/ 05 марта 2019

в документации cookiecutter-django , относящейся к компиляции SASS и Live Reload указано, что мне нужно только ввести "npm start" (после установки npm, конечно) в основной папке проекта, чтобы включить Live-Перезагрузка и компиляция SASS.Мне было интересно, как это возможно без файла package.json, но все же попробовал, может быть, кое-что скрытое, о чем я не знал.Но npm init, конечно, сказал мне, что отсутствует package.json.Я инициализировал новый проект с компиляцией начальной загрузки и включенным gulp, тот же результат.Все еще нет package.json.Я что-то упускаю из виду?Или документация в этом случае может быть неполной?Где я могу получить требуемый package.json?:)

Ответы [ 2 ]

0 голосов
/ 26 апреля 2019

Как уже упоминалось в других ответах, когда вы запускаете свой проект, а затем выбираете ни один для параметров запуска задач, он не будет работать. См. js_task_runner на cookiecutter-django документацию .

Могу ли я спросить, где вы пытались запустить npm install? Файл package.json находится в корне вашего приложения, поэтому вы должны запускать команды оттуда.

Впоследствии должна быть возможность добавить нужные файлы вручную. Создайте файл package.json в корневом каталоге вашего приложения и добавьте следующий код. Важно: Измените имя на имя вашего приложения. 

{
  "name": "CHANGE_TO_NAME_OF_YOUR_APP",
  "version": "0.1.0",
  "dependencies": {},
  "devDependencies": {
    "bootstrap": "4.1.1",
    "gulp-concat": "^2.6.1",
    "jquery": "3.3.1",
    "popper.js": "1.14.3",
    "autoprefixer": "^9.4.7",
    "browser-sync": "^2.14.0",
    "cssnano": "^4.1.10",
    "gulp": "^4.0.0",
    "gulp-imagemin": "^5.0.3",
    "gulp-plumber": "^1.2.1",
    "gulp-postcss": "^8.0.0",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^4.0.2",
    "gulp-uglify-es": "^1.0.4",
    "pixrem": "^5.0.0"
  },
  "engines": {
    "node": ">=8"
  },
  "browserslist": [
    "last 2 versions"
  ],
  "scripts": {
    "dev": "gulp"
  }
}

Поскольку этот проект использует gulp.js в качестве средства выполнения задач, вам необходимо дополнительно к package.json также файл gulpfile.js . Код из этот пример должен работать. Проверьте также, есть ли у вас файл scss в name_of_your_app/static/sass/project.scss.

Теперь вы сможете запустить npm install на первом шаге и скомпилировать scss с npm run dev на втором шаге (см. документация ).

0 голосов
/ 14 апреля 2019

В начале генерации проекта вы, вероятно, выбрали «Нет» на шаге «js_task_runner». Если вы выбрали здесь «Gulp», он сгенерирует файлы gulpfile.js и package.json, после чего вы сможете использовать npm install.

...