支持通过静态文件应用程序在django模板中加载webpack散列文件。

django-staticfiles-webpack的Python项目详细描述


#django static files webpack

简单的staticfiles存储,可与assets webpack插件一起使用,以包含散列文件。

\-bundle.1.689ef7cbade76.js(按需加载)
-bundle.2.873426ef56a5e.js(按需加载)

bundle文件通常是代码拆分的结果。Webpack为您跟踪文件名的更改,但是当需要将
入口点文件包含在Django模板中时,Webpack无法轻松管理这些文件。

当[Assets Webpack Plugin]添加到Webpack配置时,然后创建一个json文件,将入口点
映射到生成的文件名。
此json文件由自定义django staticfiles存储类读取,以解析入口点的url。




“webpack.conf.js”的插件部分:

``javascript
assets plugin=require('assets-webpack-plugin');
var entry=['.src/app/app.js']

module.exports={

output={
path:{dirname,
filename:'app.[name].[hash.js',
chunkfilename:“app.[id].[chunkhash.js”,
publicpath:'/static/'
};
插件:[
new assetsplugin()///编写webpack-assets.json文件,自定义django存储类可以读取该文件,
模块

{
{
加载程序:[
{测试:/\.js?$/,排除:/node_modules/,loader:'babel loader'},
///其他加载程序…
]
}
````

“webpack assets.json”文件应位于目录中,目录中的内容如下:

``javascript
{“main”:{“js”:“app.main.7ebdf0b55c648ba41cc1.js”}
````

请注意,由于没有指定名称,入口点已被称为“main”。
如果在dict中定义了多个入口点,然后每一个关键点都反映在assets.json中。
参见webpack[docs](https://webpack.github.io/docs/multiple entpoints.html)网页









指向生成的webpack-assets.json文件。例如,“path to your/webpack assets.json”`



\
可能https://github.com/owais/django-webpack-loader适合您的需要。

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
Jetty中的java Set AccessControlAllowOrigin   java我已将我的apk上传到google play,但没有显示任何设备兼容   在内存中创建mdb副本时发生java错误   是否有类似jQuery的选择器用于JavaXML解析?   C++不能使用JNI使用外部java类   java如何创建jpql查询以获取没有关联父级的实体   maven如何重新部署java web app cargo   java如何使用Gson将嵌套的json对象添加到文件中?   用于inputfield的java Sencha GXT自定义货币格式   java在容器上设置游标,而不更改子组件的游标   java JDBI使用fluent接口选择(非对象查询)   安卓 Firebase runTransaction不工作MutableData为空   java如何修复快速排序代码   java正则表达式验证密码,密码只接受固定长度之间的值   javascript拆分值并以格式化方式显示   java Asynctask:doInBackground中Asynctask和process的两个值