首页django 使用前端工程化模板的方式

django 使用前端工程化模板的方式

时间: 2023-12-11 17:04:43 浏览: 191

Django可以使用前端工程化模板的方式来管理前端资源，具体步骤如下： 1. 安装前端构建工具，如webpack、gulp等； 2. 在Django项目中创建静态文件目录，一般为`/static/`； 3. 在Django项目中创建模板文件目录，一般为`/templates/`； 4. 在前端构建工具中配置输出目录为Django的静态文件目录； 5. 在Django的模板中引用前端构建工具输出的静态文件。例如，可以使用Webpack打包前端资源，在`webpack.config.js`中配置输出目录为Django的静态文件目录： ```javascript const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, '../static/js'), }, }; ``` 在Django的模板中引用打包后的静态文件： ```html {% load static %} <html> <head> <script src="{% static 'js/bundle.js' %}"></script> </head> <body>  </body> </html> ``` 这样就可以使用前端工程化模板的方式管理Django项目的前端资源了。

阅读全文