如何在Cookiecutter Django中启用SASS编译?

如何在Cookiecutter Django中启用SASS编译?,sass,package.json,livereload,cookiecutter-django,django-livereload-server,Sass,Package.json,Livereload,Cookiecutter Django,Django Livereload Server,在cookiecutter django的文档中,我只需在主项目文件夹中输入“npm启动”(当然是在安装npm之后),即可启用实时重新加载和SASS编译。我想知道在没有package.json文件的情况下如何实现这一点,但还是尝试了一下,可能是一些我不知道的隐藏的东西。但是npm init当然告诉我缺少一个package.json。我初始化了一个新项目,启动了引导编译并启用了gulp,结果是一样的。仍然没有package.json。我是否遗漏了一些关键点?或者这种情况下的文档可能不完整?从何处获

在cookiecutter django的文档中,我只需在主项目文件夹中输入“npm启动”(当然是在安装npm之后),即可启用实时重新加载和SASS编译。我想知道在没有package.json文件的情况下如何实现这一点,但还是尝试了一下,可能是一些我不知道的隐藏的东西。但是npm init当然告诉我缺少一个package.json。我初始化了一个新项目,启动了引导编译并启用了gulp,结果是一样的。仍然没有package.json。我是否遗漏了一些关键点?或者这种情况下的文档可能不完整?从何处获取所需的package.json?:)

在开始生成项目时,您可能在“js_task_runner”步骤中选择了“None”。如果您在此处选择“Gulp”,它将生成gulpfile.js和package.json文件,之后您将能够使用npm安装。

如其他答案中所述,当您启动项目,然后为任务运行器选项选择“无”时,它将不起作用。请参见上的js\u任务运行程序

请问您试图在哪里运行
npm安装
?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"
  }
}
由于此项目使用as task runner,因此除了package.json之外,还需要一个gulpfile.js文件。来自示例的代码应该可以工作。还要检查您的app/static/sass/project.scss的
name\u中是否有scss文件

现在,您应该能够在第一步中运行
npm install
,在第二步中使用
npm run dev
编译scs(请参阅)